Html 在另一个div内将div居中对齐，并在垂直和水平方向将图像居中对齐

我试图实现以下目标：我在页面的中心有一个中心div（包装器），垂直和水平方向都是这样。在这个div中，我想要另外两个div，其中一个包含徽标，另一个包含一些文本。徽标图像还必须垂直和水平对齐到其div的中心。目前，这就是我所拥有的：

下面是带有HTML和CSS的JSFIDLE：

---

我怎样才能使徽标div居中（仅水平居中，顶部留有10px的边距），并使徽标图像在该div内水平和垂直居中，就像现在一样）？

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

我从您给出的出发点出发，准备了一个JSFIDLE分叉：

我取出了img标签，并将其用作背景图像。“居中”理论上应该在它的容器中居中，因为它是一个透明的png，所以你的背景色仍然显示为你想要的颜色

让我知道这是否适合你，或者如果你有任何其他问题

作为侧栏，您确实不需要（也不应该）在CSS中指定标记。唯一真正合适的地方是，如果您将默认值指定给特定的标记。。。否则，当你使用那些你已经在那里的ID时，特定性规则已经开始接管

---

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

您有什么理由将徽标作为img

我从您给出的出发点出发，准备了一个JSFIDLE分叉：

我取出了img标签，并将其用作背景图像。“居中”理论上应该在它的容器中居中，因为它是一个透明的png，所以你的背景色仍然显示为你想要的颜色

让我知道这是否适合你，或者如果你有任何其他问题

作为侧栏，您确实不需要（也不应该）在CSS中指定标记。唯一真正合适的地方是，如果您将默认值指定给特定的标记。。。否则，当你使用那些你已经在那里的ID时，特定性规则已经开始接管

---

请注意，我不清楚您想对徽标下面的文字做什么，因此我没有做任何造型。

非常感谢！如果没有其他方法可以居中的话，我真的很同意目前这个部门的背景是logo图像。我还没有处理文本，现在我将尝试自己设计它。谢谢你的解释！谢谢你！请注意，此方法的唯一警告是，如果没有PNG填充代码的帮助，您会发现IE6不喜欢您的PNG。希望这不是你关心的问题，但如果是这样，请查看以下链接以获得可能的帮助：非常感谢！如果没有其他方法可以居中的话，我真的很同意目前这个部门的背景是logo图像。我还没有处理文本，现在我将尝试自己设计它。谢谢你的解释！谢谢你！请注意，此方法的唯一警告是，如果没有PNG填充代码的帮助，您会发现IE6不喜欢您的PNG。希望这不是您关心的问题，但如果是，请查看以下链接以获得可能的帮助：