欢迎光临
我们一直在努力

css图片margin:0 auto;不居中问题

今天搞一个很简单的图片居中,居然没有一下弄出来,正好犯了小错误,把这个问题记录一下。

就是在body中放一张大图,让它居中,一开始是,直接在img上写的属性 style=”margin:0 auto” 发现怎么刷新都不行。

网上有说margin 0 auto 不居中是因为没加文档类型声明DOCTYPE,后来加上还是行,有特别懒,不想在加层div ,那就解决问题吧。

经过搜索得知:

img类于内联对象,不可以设置图片img标签的margin属性,如果一定要设置,那么先将它的属性转变为块元素  如:img {display:block; margin:0 auto;}

这个错误太低级了。。。

事后,发现其实不加div 直接在 body上面设置style=”text-align:center;” 就行了。

收获知识点:

text-align:center 是设置文本或img标签等一些内联对象(或与之类似的元素)的居中。

margin:0 auto 设置块元素(或与之类似的元素)的居中。

p {text-align:center;} 将要实现的并不是段落本身的对齐方式,而是段落内元素居中对齐。

书到用时方恨少,很多东西不常使用也需要多看看,不然很容易就忘记了.很简单的问题,增加一下记忆.

推荐:html+css知识点回顾

赞(0)
未经允许不得转载:衡水seo博客 » css图片margin:0 auto;不居中问题
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

建站优化更专业 更敬业 更负责

建站报价联系我们