html - 将图像置于 CSS div 表的中心？

Question

我正在尝试做这样的事情 How to horizontally center a <div> in another <div>?

但是有一个 position:absolute; div 悬停在我用 div 创建的表格上。

这是一个 jsfiddle.. http://jsfiddle.net/2ntGu/发生了很多事情，我尽量减少它。

我特别希望 DEJA 标志直接位于 suburbanite 和 gold drip 标志所在的中心。这些图像也是流畅的，因此无论屏幕大小如何，都会有四个水平图像。

Answer 1

由于您使用的是绝对定位，因此没有简单的方法可以做到这一点。最好的解决方案是使用包装器 div 设置为您需要的尺寸，然后将图像居中:

要水平居中图像，将其设置为 display: block 并使用 margin: 0 auto

我不知道你是否也需要它垂直居中，所以我添加了一个包装 div 并使用了 line-height 技巧:

#wrap { margin: 0 auto; width: 400px; height: 452px; line-height: 452px }
#wrap img { vertical-align: middle; } 

Fiddle

您可以根据设计需要调整测量值使其居中。