我想要做的就是在页面上放置一些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: table
与display: block
的区别,但这显然是必要的一步。它似乎现在正在运作!