将div在其他div中居中对齐，并在垂直和水平方向上集中对齐图像

Question

我正在努力实现以下目标：我的中心div（包装器）正好位于页面的中心，包括垂直和水平。在div里面我想要另外两个div，其中一个将包含一个徽标，另一个包含一些文本。徽标图像也必须垂直和水平对齐到其div的中心。目前这就是我所拥有的：

这是我的HTML和CSS的jsfiddle：http://jsfiddle.net/7cQhG/

我如何将徽标div居中（仅水平居中，并且顶部有10px）并且徽标图像位于该div内部，水平和垂直，就像现在一样）？

Answer 1

是否有任何理由要将徽标作为img？

我已经采取了你给出的起点，并把一个jsFiddle分叉：http://jsfiddle.net/mori57/HDmkZ/

我已经取出了img标签，并将其用作背景图片。 “中心中心”理论上应该将其放在容器内，因为它是一个透明的png，你的背景颜色仍然可以显示出来。

如果这对你有用，或者你有任何其他问题，请告诉我。

作为侧边栏，您真的不需要（而且您真的不应该）在CSS中指定您的标签。唯一真正合适的地方是，如果您将默认值分配给特定标签...否则，当您使用那些ID时，特殊性规则已经接管。

请注意，我不清楚您要对徽标下方的文字做什么，所以我没有做任何造型。