水平图像对齐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的输入,我同意的点clearing的right与display:block用于为中心的图像.

例如,

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

Answer 2

加 display: block;

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

DEMO