css - 如何使 div 围绕另一个元素居中？

Question

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

http://pastebin.com/x6MP6EYQ

Answer 1

try style=aligen:center;

只是您也可以通过样式表标签（如填充和边距）进行管理。

Answer 2

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

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

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

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