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：hanging也有新的价值，这可能会有所帮助。但它仍然没有明确定义。

另一个解决方案是使用伪元素::before（在IE7中不支持）

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

毕竟似乎没有任何兴趣或需要解决这个问题。每个人都对text-intend感到满意在一天结束时的公平性为什么你想要删除子弹和文本之间的空间:)）我认为他们称之为“意外实施”