Html 规范化之间的距离<；李>；内部文本和项目符号

最近注意到，当

列表样式位置设置为
内部时，Chrome和Safari在
内部文本和项目符号之间的默认距离不同：


问题是：如何在不使用非常丑陋的
背景图像
技术的情况下，在两种浏览器中将该距离标准化为相等的距离

Chrome版本53.0.2785.143（64位），
Safari版本10.0（11602.1.50.0.10）

PS.截图列表代码：

如果您没有找到Safari行为不端的解决方案/原因（或者它是Chrome），您可以使用伪元素作为解决方法


ul{
列表样式类型：无；
保证金：0；
填充：0；
}
ulli{
保证金：0；
填充：0；
}
李：以前{
内容：“•”；
右边距：10px；
}

A
B
C
在@LGSon回答之后，我建议使用带有可选参数
列表样式类型的
计数器（）

您可以使用
光盘
值，但灵活性稍高一些。（见下面的游乐场）

代码片段：


ul{
列表样式类型：无；
保证金：0；
填充：0；
计数器复位：列表项；
}
ulli{
保证金：0；
填充：0；
计数器增量：列表项；
}
李：以前{
内容：计数器（列表项、光盘）；
右边距：10px；
}

A
B
C
与Firefox一起，又一次。。。为什么您需要在
内部使用
？在我看来，在所有浏览器上都是一样的。。。MAC@LGSon上的chrome/safari/firefox将此
设置为带有表单输入的单行vertically@DaniPchrome和safari的距离是不同的-也许你想包括版本谢谢，这是一个很好的解决方案，但我会等待其他想法。也许有人知道这个bug的起源。根据我们的说法，这将是一个很好的跨浏览器（对我来说很意外）解决方案。谢谢CSS
counter（）
函数从
2.1开始就存在了，它非常好，但这是人们需要回顾的事情之一，才能真正记住它们是如何使用的。当我第一次看到它时，我认为这是CSS3的一个新特性，与
calc
等一起使用：）你甚至可以使用
计数器（）
one
；-）。
ul { list-style-position: inside; margin: 0; padding: 0; }
ul > li { margin: 0; padding: 0; }