HTML img 标签居中显示的方法

往常居中 img 标签，我会直接在父级标签上添加 text-align: center;，但今天碰到的情况是编辑器直接把 img 加入到了正文，即与段落 p 标签同级，同属于一个正文 div 标签。

直接在 div 上设置文本居中势必影响其他的子标签，当然也可以在编辑器上动手，比如让编辑器自动给 img 套一层 p 标签之类的，但真心杀鸡牛刀。如果能直接对 img 进行居中设置就最理想了，这里找到了一个方法，效果不错：

#news-page {
    img {
        clear: both;
        display: block;
        margin: auto;
    }
}

这里使用的是 less 语法，注意与 css 的不同。

Reference

• Css设置img属性让图片水平居中/居左/居右的写法