html - 使用文本对齐中心居中图像？

Question

属性 text-align: center; 是使用 CSS 使图像居中的好方法吗？

img {
    text-align: center;
}

Answer 1

这将不起作用，因为 text-align 属性适用于 block 容器，而不适用于内联元素，而 img 是内联元素。参见 the W3C specification .

改用这个:

img.center {
    display: block;
    margin: 0 auto;
}

<div style="border: 1px solid black;">
<img class="center" src ="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a">

</div>