14

我在我的代码中使用 div 块的表格单元格排列。我的代码有问题。

我的 html 外观预览在这里

当我的第一个面板中有任何内容(文本或图像)时.inner,第二个和第三个面板的 div 的上边距约为 10-15 像素。这是为什么 ?

任何人都可以看看,让我知道我错过了什么。

4

2 回答 2

40

加入vertical-align:top;_#wrapper > div

见演示:http: //jsbin.com/avozik/14/edit

于 2012-07-12T07:23:22.453 回答
3

我有一个类似的案例,并vertical-align:top;解决了这个问题。但是我想详细说明这背后的原因:

https://jsfiddle.net/46tyc48y/1/

由于默认使用表格单元格vertical-align:baseline;,因此右侧单元格文本将与图像的基线(底部)对齐,从而在顶部创建幻影间距。所以我们需要显式设置vertical-align来绕过这种行为。

于 2017-02-13T07:42:51.837 回答