CSS - 以DIV内容为中心，而不是DIV本身

Question

如何将内容置于DIV元素中心（我的DIV元素可能包含图像元素或任何内容。）

我使用了以下代码：

div#containerDiv
{
    margin-left: auto ;
    margin-right: auto ;
}

但它是DIV元素本身的中心。

我希望内容（即div中的图像元素）居中。

text-align的问题是，它只能水平工作。

Answer 1

这应该适合你：

div#containerDiv
{
    margin-left: auto ;
    margin-right: auto ;
    text-align: center ;
}

在回复你的评论时，很难按照你想要的方式垂直对齐。我建议像：

div#containerDiv > img
{
     margin-top: 15px ; 
     /* Where 15 is the amount of space required to center the image */
}

Answer 2

如果将显示设置为“table-cell”，有时可以使用vertical-align属性。在每个实例中的每个浏览器中都不起作用，但是可以使用。