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

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

img {
    text-align: center;
}

当前回答

简单地改变父对齐:)

在父属性上试试这个:

text-align:center

其他回答

边框为0的Display: block和text-align: center元素都不适合我。

这是我的解决方案:

img.center {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

大多数浏览器都支持translateX

如果你正在使用一个带有图像的类，那么下面的步骤就可以了

class {
    display: block;
    margin: 0 auto;
}

如果它只是一个图像在一个特定的类，你想居中对齐，那么下面将做:

class img {
    display: block;
    margin: 0 auto;
}

使用这个到你的img CSS:

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

你可以在父元素上使用text-align: center，并将img更改为display: inline-block→，因此它的行为就像一个文本元素，如果父元素有宽度，它将居中!

img {
    display: inline-block
}

简单地改变父对齐:)

在父属性上试试这个:

text-align:center

推荐文章