首頁 >web前端 >html教學 >1900px图片怎么居中网页_html/css_WEB-ITnose

1900px图片怎么居中网页_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:03:151381瀏覽

问大家一个问题,我想在网页最顶部加宽为1900px的图片,怎么能让他居中啊。还有谁有像京东那种顶部图片可以关闭的js代码或挂件,有的话可以发我邮箱923530881@qq.com。谢谢大家


回复讨论(解决方案)

img在div中属性margin:0 auto;图片居中,JS也不用插件就几句话就可以了,不会写可以百度搜索一下

如果是背景图片的话,可以这样

.box{
background:url(图片地址) center top no-repeat;
}

如果直接放img的话,可以使用text-align:center

1900px图片怎么居中网页_html/css_WEB-ITnose


.box{
height:600px;   //图片的高度,自己设置
text-align:center;
}

图片宽度太大了吧,margin-left:auto,margin-right:auto

图片可以居中

图片宽度太大了吧,margin-left:auto,margin-right:auto

图片可以居中

我是要做全屏的图片,适应基本的分辨率,所以比较大。谢谢你的回答

img在div中属性margin:0 auto;图片居中,JS也不用插件就几句话就可以了,不会写可以百度搜索一下


那个图片是要放在我写的可编辑区域中的,不是直接div里面加1900px图片怎么居中网页_html/css_WEB-ITnose,所以写margin:0 auto;没有用。谢谢你的回答

如果是背景图片的话,可以这样

.box{
background:url(图片地址) center top no-repeat;
}

如果直接放img的话,可以使用text-align:center

1900px图片怎么居中网页_html/css_WEB-ITnose


.box{
height:600px;   //图片的高度,自己设置
text-align:center;
}
那个图片是要放在我写的可编辑区域中的,不是直接div里面加1900px图片怎么居中网页_html/css_WEB-ITnose,所以写text-align:center;没有用。谢谢你的回答
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn