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

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

WBOY
WBOY原创
2016-06-24 12:03:151370浏览

问大家一个问题,我想在网页最顶部加宽为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