我在我的代码中使用 div 块的表格单元格排列。我的代码有问题。
我的 html 外观预览在这里
当我的第一个面板中有任何内容(文本或图像)时.inner
,第二个和第三个面板的 div 的上边距约为 10-15 像素。这是为什么 ?
任何人都可以看看,让我知道我错过了什么。
我在我的代码中使用 div 块的表格单元格排列。我的代码有问题。
我的 html 外观预览在这里
当我的第一个面板中有任何内容(文本或图像)时.inner
,第二个和第三个面板的 div 的上边距约为 10-15 像素。这是为什么 ?
任何人都可以看看,让我知道我错过了什么。
加入vertical-align:top;
_#wrapper > div
见演示:http: //jsbin.com/avozik/14/edit
我有一个类似的案例,并vertical-align:top;
解决了这个问题。但是我想详细说明这背后的原因:
https://jsfiddle.net/46tyc48y/1/
由于默认使用表格单元格vertical-align:baseline;
,因此右侧单元格文本将与图像的基线(底部)对齐,从而在顶部创建幻影间距。所以我们需要显式设置vertical-align
来绕过这种行为。