如何找出在网页上添加空白的内容？答案

【问题标题】：How to find out what's adding whitespace on a web page?如何找出在网页上添加空白的内容？
【发布时间】：2015-06-17 19:43:47
【问题描述】：

为什么每个项目的文字与左边的图像不对齐？

但是一个更普遍的问题：我如何调试这种东西？找出空白来自何处的最佳方法是什么？

【问题讨论】：

【解决方案1】：

对于 Firefox，我知道还有 Firebug，这是一种使调试更容易的工具。

要回答您的问题，请查看 Vikas Kapadiya 的回答，在您的正文标签中是 line-height: 1.5;宣布。尝试在开发者工具中更改它，看看会发生什么。

编辑

一种可能的解决方案是将 span 元素包装在单独的 div 中。我正在考虑添加一个负的上边距。随意想出其他方法，这是我想到的第一个。

我选择 div 的原因是因为它是块元素，而 span 元素是内联元素，无法添加负上边距。我还注意到您使用数据反应ID？我想如果你可以将它添加到容器 div 中会更干净一些，因此 span 元素（和 br 标记）没有 data-reactid。不知道这是否是可取的，但你自己看看什么是最好的。

div.data {
    margin-top: -5px;
    width: 100%;
}

【讨论】：

【解决方案2】：

在 basscss 第 121 行试试这个

body {
line-height: 1;
}

【讨论】：