Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何消除光盘和li元素之间的填充?_Html_Css_Html Lists - Fatal编程技术网

Html 如何消除光盘和li元素之间的填充?

Html 如何消除光盘和li元素之间的填充?,html,css,html-lists,Html,Css,Html Lists,我已经将li元素的填充设置为0,但是仍然有大约10个像素的填充。如何缩短所提供的填充量?我不想变得无聊:但在我看来,负面声明文本打算:-5px;一种错误的伎俩。我知道它确实欺骗了浏览器的默认样式。但基本上,它只是将文本移到父元素之外,使其成为一个类似于挂起的元素。 我试图找到那些浏览器继承的样式,但是没有一个能够在项目符号/光盘周围创建这样的填充 我做了一些研究,发现CSS3有特殊的伪元素来解决这个问题。这个想法很好,但不幸的是,它仍然没有在任何浏览器中实现: Mozilla有自己的临时技巧来改

我已经将li元素的填充设置为0,但是仍然有大约10个像素的填充。如何缩短所提供的填充量?

我不想变得无聊:但在我看来,负面声明文本打算:-5px;一种错误的伎俩。我知道它确实欺骗了浏览器的默认样式。但基本上,它只是将文本移到父元素之外,使其成为一个类似于挂起的元素。 我试图找到那些浏览器继承的样式,但是没有一个能够在项目符号/光盘周围创建这样的填充

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

Mozilla有自己的临时技巧来改进项目符号的样式:-moz列表项目符号- 没有其他供应商支持或实施此类黑客攻击

CSS3还有列表样式位置的新值:,这可能会有所帮助。但它仍然没有很好的定义

另一个解决方案是在IE7不支持之前使用pseudo-element::

li:before { 
 content:"•";  
 margin-right:1px;
}
毕竟,似乎没有任何兴趣或需要解决这个问题。每个人都对文本感到满意。
说句公道话,说到底,你为什么要删除项目符号和文本之间的空格:我想这就是他们所说的情况-意外实现

可能重复:设置文本缩进:-5px;正如在副本中所建议的那样,问题解决了这个问题。使用-.5em,这样它就可以与li的字体大小正确地缩放。正如您在检查元素时所看到的,根本没有填充。