将一个动态大小的div居中放在另一个以页面为中心的div中

我想要做的就是在页面上居中放置一些div。外层是固定大小，通过margin: 0 auto水平居中。在那个div里面，我有一对夫妇的图像并排放在另一个div里面，它们包裹着它们的大小。我想中心 div垂直和水平内部的外部股利。将一个动态大小的div居中放在另一个以页面为中心的div中

这似乎是一个足够简单的事情想要做，不是吗？

更新：

让我咬，究竟是什么问题更清楚一点。我很乐意使用display: table-cell技巧来启用vertical-align: middle，但问题是，当我这样做时，div缩小到其内容的大小，因此不提供用于居中的任何空间，并且该div刚刚卡住在父母的左上角。我需要我的display: table-cell块来填充包含div的可用空间，因此它有足够的空间来居中它的内容。

更新2：解决！

原来问题是我没有包含在div中的display: table-cell块设置为display: table。我不完全确定display: table与display: block的区别，但它显然是一个必要的步骤。它似乎正在工作！

来源

2012-03-14 devios1

你开到使用JavaScript或jQuery的？ – j08691 2012-03-14 19:34:02

如果我必须。如果可能，我会喜欢纯CSS的解决方案。 – devios1 2012-03-14 19:36:26

我想我会编辑我的帖子，让它不那么生气。 – devios1 2012-03-14 19:39:51

这可能帮助： http://www.vanseodesign.com/css/vertical-centering/

来源

2012-03-14 19:40:53 antonpug

啊哈我觉得我发现了这个问题 - 我没有父母设置为'display：table'。父母被设置为'display：block'！ – devios1 2012-03-14 19:50:15

是的，我的意思是有几种方法可以做到这一点，我认为他们很好地描述了他们。显示区块不允许你直接在div - 愚蠢的中心..我知道 – antonpug 2012-03-14 19:52:36

将一个动态大小的div居中放在另一个以页面为中心的div中

回答

相关问题