这将无效,因为该text-align
属性适用于块容器,而不适用于内联元素,img
而是内联元素。请参阅W3C规范。
使用此代替:
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>