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

来源:15-2 水平居中设置-定宽块状元素

梦雪依Z

2016-07-23 23:10

<img  src="421627.jpg" />

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

写回答 关注

3回答

  • 摩西摩西
    2016-07-23 23:56:46
    已采纳

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

    前端路上的D...

    行内显示时并不能用margin居中呀

    2017-04-21 22:39:58

    共 2 条回复 >

  • yuqing1
    2016-10-07 16:21:08

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

    微蓝lran

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

    2016-12-23 11:39:49

    共 1 条回复 >

  • 窜天吼猴
    2016-07-23 23:48:22

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

    梦雪依Z

    非常感谢!

    2016-07-24 09:41:44

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

查看课程

相似问题