当前位置:Gxlcms > html代码 > 1900px图片怎么居中网页_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:10人阅读

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


回复讨论(解决方案)

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

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

.box{
background:url(https://www.gxlcms.com/图片地址) center top no-repeat;
}

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



.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里面加,所以写margin:0 auto;没有用。谢谢你的回答

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

.box{
background:url(https://www.gxlcms.com/图片地址) center top no-repeat;
}

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



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


那个图片是要放在我写的可编辑区域中的,不是直接div里面加,所以写text-align:center;没有用。谢谢你的回答

人气教程排行