中心图像使用文本对齐中心?

属性text-align: center;一个好方法来中心使用CSS图像?

img {
    text-align: center;
}

当前回答

如果你想将图像设置为背景，我有一个解决方案:

.image {
    background-image: url(yourimage.jpg);
    background-position: center;
}

其他回答

简单地改变父对齐:)

在父属性上试试这个:

text-align:center

如果你想将图像设置为背景，我有一个解决方案:

.image {
    background-image: url(yourimage.jpg);
    background-position: center;
}

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

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

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

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

你可以:

<中心> < img src = "…"/ > < /中心>

推荐文章