显示：表格单元格不排队

Question

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

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

Answer 1

如果添加

.column { vertical-align: top; } 

那么它会排队它的顶部。它不会排列在底部，因为它们有不同的高度。如果你的高度与vertical-align：top一样，那么它将完全排列整齐。

Answer 2

他们这样做，它只是你内在元素，而不是一个dispalyed作为表的单元格样式;

设置垂直对齐列，甚至背景： http://codepen.io/gcyrillus/pen/FCltm

Answer 3

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

尝试将“最近的帖子”框更改为h1（来自h4），然后您将再次排队，并希望能够向您显示答案。

Answer 4

试试这个：

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

Demo.

Answer 5

这种情况正在发生，因为你使用的是带有头的不同大小和排列两个相邻的小区中心......为第二单元使align:top;