css - 水平图像对齐 CSS

Question

我在对齐主图像时遇到了一些问题。它应该在水平方向居中对齐，但在所有地方都保持一致。该页面可以在这里找到 http://0034.eu/propmanager/

<img src="images/background-space.png" class="displayed" border="0" />

IMG.displayed{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

这基本上就是我应用于图像的 CSS，所有源代码都在主 index.html 上(没有单独的样式表)。

Answer 1

将此添加到您的 CSS 样式。

img.displayed {
    display: table-caption;
    margin: 0 auto;
}

编辑

根据 IlyaStreltsyn 的意见，我同意使用 display:block 将 clearing right 以使图像居中。

例如，

img.displayed {
    display: block;
    margin: 0 auto;
    clear: right;
}