为了账号安全,请及时绑定邮箱和手机立即绑定

定宽图片为何不能用margin:0 auto;居中

<img  src="421627.jpg" />

img{width:800px;height:600px;margin:50px auto;}

正在回答

3 回答

因为img标签是内联块元素,当你把他当做块元素做处理的时候,同时他具有内联元素的效果。所以需要将img设置居中之前,设置img块状显示或者行内显示,也就是display:block;或者display:inline;

2 回复 有任何疑惑可以回复我~
#1

梦雪依Z 提问者

非常感谢!
2016-07-24 回复 有任何疑惑可以回复我~
#2

前端路上的Dog

行内显示时并不能用margin居中呀
2017-04-21 回复 有任何疑惑可以回复我~

图片虽然位置变了,但是还是没有居中,是什么原因啊

1 回复 有任何疑惑可以回复我~
#1

微蓝lran

我也想问这个问题,在ie6下面还是没有居中,最后是用p标签包住,设置宽度100%;再设置的text-align:center;想问一下同学你有没更好的解决方法呢
2016-12-23 回复 有任何疑惑可以回复我~

虽然img能放图片,但他是内联元素,css里加个 display:block;就行了。

0 回复 有任何疑惑可以回复我~
#1

梦雪依Z 提问者

非常感谢!
2016-07-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

定宽图片为何不能用margin:0 auto;居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信