衡水seo博客今天搞一个很简单的图片居中，居然没有一下弄出来，正好犯了小错误，把这个问题记录一下。
就是在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;} 将要实现的并不是段落本身的对齐方式，而是段落内元素居中对齐。
书到用时方恨少，很多东西不常使用也需要多看看，不然很容易就忘记了.很简单的问题，增加一下记忆.
评论前必须登录！
注册