用CSS将图像居中。

img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

你可以在这里了解更多

实际上，代码的唯一问题是text-align属性应用于标记内的文本(是的，图像也算作文本)。你会想在图像周围放置一个span标签，并将其样式设置为text-align: center，如下所示:

跨度。centerImage { text-align:中心; ｝ <span class="centerImage"><img src="http://placehold. "它/ 60/60 " / > < / span >

图像将居中。对于您的问题，这是最简单、最简单的居中图像的方法，只要您记得将该规则应用于图像的包含span(或div)。

我看到了这个帖子，它对我很有用:

img { 位置:绝对的; 上图:0; 底部:0; 左:0; 右:0; 保证金:汽车; ｝ < span style=" font - family:宋体;"位置:相对;最小高度:200 px”> < img src = " https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a " > < / div >

(纵横对齐)

使用这个到你的img CSS:

img {
  margin-right: auto;
  margin-left: auto;
}

img{
    display: block;
    margin-right: auto;
    margin-left: auto;      
 }

这将不起作用，因为text-align属性适用于块容器，而不是内联元素，而img是一个内联元素。请参阅W3C规范。

用这个代替:

img。中心{ 显示:块; 保证金:0自动; ｝ < span style=" font - family:宋体;"> <img class="center" src ="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a"> < / div >