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 回答