html - 如何去掉 disc 和 li 元素之间的填充？

Question

我已将 li 元素的填充设置为 0，但仍有大约 10 个像素的填充值。如何缩短提供的填充量？

Answer 1

不想无聊 :) 但在我看来否定声明 text-intend:-5px; 是一种错误的把戏。我知道它确实欺骗了浏览器的默认样式。但基本上它只是将文本移到父元素之外，从而产生类似于悬挂的意图。我试图找到那些浏览器继承的样式，但没有一个会在元素符号/圆盘周围创建这样的填充。

我做了一些研究，发现 CSS3 有特殊的伪元素 ::marker来解决这个问题。这个想法很棒，但不幸的是它仍然没有在任何浏览器中实现:(

Mozilla 有自己的临时技巧来改进元素符号的样式 :-moz-list-bullet - https://developer.mozilla.org/en-US/docs/CSS/:-moz-list-bullet
没有其他供应商支持或已实现此类黑客攻击

CSS3 也为 list-style-position 赋予了新的值(value):hanging ，这可能会有所帮助。但它仍然没有明确定义。

另一种解决方案是使用伪元素::before(IE7不支持)

li:before { 
 content:"•";  
 margin-right:1px;
}

毕竟似乎没有任何兴趣或需要解决这个问题。每个人都对 text-intend 感到满意。
公平地说，到底为什么要删除元素符号和文本之间的空格 :)) 我认为这就是他们所说的情况 - 意外实现