html - 摆脱列表样式类型和文本之间的边距

Question

嗯，这就是 html 代码:

<ul>
  <li>first item</li>
  <li>second item</li>
</ul>

还有CSS:

ul, li { margin: 0px; padding: 0px; }

没什么特别的，对吧？没有什么值得骄傲的，它只是显示一个没有任何边距或填充的列表。好吧，差不多……

那里的这个空间怎么样？我似乎无法摆脱它。有任何想法吗？ :]

Answer 1

如果你想删除文本和元素符号之间的空格，你必须稍微更改 HTML 代码:

<ul>
  <li><span>first item</span></li>
  <li><span>second item</span></li>
</ul>

通过给 li 一个相对位置，给 span 一个绝对位置，你可以将 span 向左移动:

li {
    position: relative;
}

li span {
    position: absolute;
    left: 0;
}