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 */
}