javascript - 使 CSS 通用以用于图像居中

Question

下面是我的 CSS。它用于使图像居中。 (此代码有效)

.imagecentre{
    width: 25px;
    position:relative;
    margin:0 auto;

}

为了使其正常工作，您需要声明宽度。但是，并非我所有的图像都是 25px。

我怎样才能使这个 css 足够通用以适应所有使用 javascript 的图像？

Answer 1

如果你只想让一个图像在容器中居中，你可以在容器上设置text-align: center，不管你在图像上有什么样式:

<div style="width: 100%; border: 1px solid black; text-align: center">
    <img src="https://www.google.com/logos/2012/vets_day-12-hp.jpg">
</div>​