如何找出在网页上添加空格的内容？

Question

我特别想知道这个页面：https://podato.herokuapp.com/#/podcasts/http%3A%2F%2Ffeeds.twit.tv%2Ftwig.xml/

为什么每个项目的文字都没有与左边的图像一起使用？

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

Answer 1

对于调试，您可以使用内置的开发人员工具。 官方指南：
Chrome：https://developer.chrome.com/devtools http://www.html5rocks.com/en/tutorials/developertools/part1/
Firefox：http://www.howtogeek.com/105320/how-to-use-firefoxs-web-developer-tools/
https://developer.mozilla.org/en/docs/Tools

对于Firefox，我知道有Firebug，这是一个开发工具，使调试更容易。

要回答你的问题，请看看Vikas Kapadiya的答案，你的身体标签是一个行高：1.5;声明。尝试在开发人员工具中更改它，看看会发生什么。

修改

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

我选择div的原因是因为它是一个块元素，而span元素是内联元素，它们无法添加负上边距。另外我注意到你使用数据重新？我想如果你可以将它添加到容器div中会更加清晰，因此span元素（和br标签）没有数据重新连接。不知道这是否可取，但要亲自了解什么是最好的。

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

Answer 2

在basscss line no 121

中试试这个

s1