Heim  >  Artikel  >  Web-Frontend  >  1900px图片怎么居中网页_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:03:151350Durchsuche

问大家一个问题,我想在网页最顶部加宽为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;没有用。谢谢你的回答
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn