0

Just wondering why the containers here do not line up. Could anyone help? Thank you.

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

4

5 回答 5

0

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

于 2013-07-02T17:40:10.960 回答
0

他们这样做了，只是您在元素内部设置样式，而不是显示为表格单元格的样式；

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

于 2013-07-02T17:25:29.560 回答
0

如果你添加

.column { vertical-align: top; }

然后它将在顶部排列。它不会在底部排列，因为它们具有不同的高度。如果您使用vertical-align: top 使高度相同，它将完全对齐。

于 2013-07-02T17:29:34.780 回答
0

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

尝试将“最近的帖子”框更改为 h1（从 h4），你会再次排队，希望这会给你答案。

于 2013-07-02T17:30:07.753 回答
0

尝试这个：

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

演示。

于 2013-07-02T17:32:02.097 回答