移除元素“li”的边距

Question

我使用this HTML 并且所有元素 li.gradient-top 似乎都有优势

我检查了几个调试器工具，但不知道他为什么要在 li 元素和另一个 li 之间设置边距。

如何去除这个边距？

Answer 1

这不是边距而是空格字符。由于这些是内联元素，因此如果标记中存在空格，则会在它们之间显示空格。从 html 中删除空格。例如：

    <li>...</li>
    <li>...</li>

变成：

    <li>...</li><li>...</li>

如果您不想更改标记，可以尝试将float: left 应用于<li> 元素。