html - 列表的跨浏览器兼容悬挂缩进

我有一个无序列表，试图控制悬挂缩进。在溢出到两行的项目上，我希望第二行文本直接在上一行文本的下方(而不是在项目符号的下方)对齐。我已经完全按照我想要的方式在Chrome浏览器中工作了。但是，在Firefox和Internet Explorer中有一些不足。

这是我目前拥有的:

<ul style="list-style: disc inside none; margin-left: 0; padding-left: 1em; text-indent: -1em;">
<li>50 – 180</li>
<li>950 – 2150</li>
<li>Dual IF: 70/140, L-Band & L-Band monitor (standard)</li>
</ul>

有什么方法可以在所有浏览器中使该渲染相同？

最佳答案

删除text-indent，将list-style更改为outside，然后将padding-left应用于您的li元素:

ul {
    list-style: disc outside none;
    margin-left: 0;
    padding-left: 1em;
}
li {
    padding-left: 1em;
}

关于html - 列表的跨浏览器兼容悬挂缩进，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17556496/