如何使 div 围绕另一个元素居中？答案

【问题标题】：How to center a div around another element?如何使 div 围绕另一个元素居中？
【发布时间】：2013-08-04 16:54:50
【问题描述】：

我正在尝试编辑 tumblr 主题以使我的帖子在图像内部居中（图像在 div 中）我尝试在 CSS 中为帖子和 div 提供相同的边距，但我似乎无法做到让 div 内的图像在页面上正确居中。即使调整浏览器窗口的大小，我也希望帖子在图像内完全水平居中。有人知道我该怎么做吗？有没有比将图像放在 div 中更简单的方法？这是我的代码的链接

http://pastebin.com/x6MP6EYQ

【问题讨论】：

很难从该代码中收集到很多信息。在 jsFiddle 上发布一个工作示例。将图像设置为背景可能会更好，并且可能以margin: 0 auto; 居中帖子，但我宁愿看一个真实的例子。
你能告诉我们你正在处理的模板吗，纯文本，很难调试。 text-align:center可能工作。

标签： css html margin tumblr

【解决方案1】：

首先我会推荐使用图像作为背景图像。处理起来很容易，因为它不会影响 div 内的其他内容。

其次，如果您要使用图像，您将绝对定位它，这意味着主 div 应该相对定位。然后，一旦图像被定位，即top:0; left:0; 放置z-index:-100;，这样它就会一直在后面。

让 div 始终在水平、垂直和两个方向上居中。看我的例子。这里：

http://jsfiddle.net/techsin/TfLTR/

【讨论】：

【解决方案2】：

try style=aligen:center;

您也可以通过样式表标签进行管理，例如填充和边距。

【讨论】：