将动态大小的div置于以页面为中心的另一个div内

时间:2012-03-14 19:28:55

标签: css google-chrome html center

我想要做的就是在页面上放置一些div。外部是固定大小,并通过margin: 0 auto水平居中。在那个div中,我在另一个包裹着它们大小的div中并排有几个图像。我想在外部div中垂直和水平居中 div。

想要这样做似乎很简单,不是吗?

更新

让我更清楚一点是问题到底是什么。我喜欢使用display: table-cell技巧来启用vertical-align: middle,但问题是,当我这样做时,div缩小到其内容的大小,因此根本不提供任何居中的空间,而div只是被困在父母的左上角。我需要我的display: table-cell块来填充包含div的可用空间,以便有空间将其内容集中。

更新2:解决了!

原来问题是我没有将display: table-cell块包含在设置为display: table的div中。我不完全确定display: tabledisplay: block的区别,但这显然是必要的一步。它似乎现在正在运作!

1 个答案:

答案 0 :(得分:1)