如何围绕另一个元素居中？

Question

我正在尝试编辑一个tumblr主题，使我的帖子在图像中心（图像在div中）我试过给帖子和div在CSS中的相同边距但我似乎无法获取div中的图像以在页面上正确居中。即使浏览器窗口调整大小，我希望帖子在图像内部完全水平居中。有谁知道我怎么做到这一点？有没有比在div中使用图像更简单的方法？这是我的代码的链接

http://pastebin.com/x6MP6EYQ

Answer 1

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

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

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

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

Answer 2

try style=aligen:center;

只是你可以通过样式表标签管理，如填充和边距。