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

img {
    text-align: center;
}

当前回答

我将使用一个div来居中对齐图像。如:

<div align="center"><img src="your_image_source"/></div>

其他回答

你可以:

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

简单地改变父对齐:)

在父属性上试试这个:

text-align:center

我将使用一个div来居中对齐图像。如:

<div align="center"><img src="your_image_source"/></div>
.img-container {
  display: flex;
}

img {
  margin: auto;
}

这将使图像在垂直和水平方向上处于中心位置

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

img {
    display: inline-block
}