显示：表格单元格没有阵容

Question

只是想知道为什么这里的容器不排队。 有人可以帮忙吗？ 谢谢。

http://codepen.io/anon/pen/jpmtz

Answer 1

他们这样做，只是你在元素内部而不是作为表格单元显示的那个;

将vertical-align设置为列甚至背景： http://codepen.io/gcyrillus/pen/FCltm

Answer 2

如果你添加

.column { vertical-align: top; }

然后它会排在最前面。它不会排在底部，因为它们有不同的高度。如果你使用vertical-align：top制作相同的高度，那么它们将完美排列。

Answer 3

事实上，它们确实垂直排列。由于标题（h3与h4相比）具有不同大小的字体，并且有0个填充或边距，因此顶边会下降。

尝试将“最近的帖子”框更改为h1（从h4开始），然后您将再次排队，希望这会显示答案。

Answer 4

试试这个：

.column { display: table-cell; vertical-align: top; }

Demo.

Answer 5

这种情况正在发生，因为您使用的两个相邻单元格具有不同大小的标题，并且您的对齐方式是中心...对于第二个单元格align:top;