项目符号和浮点数之间的冲突:在IE7中左

Question

此问题出现在Internet Explorer中，我无法解决它：

#test ul li {
list-style-type: disc;
float: left;
margin-left: 10px;
font-size: 16px;
}

上面的代码在Firefox和Chrome中运行良好，但在IE7中它不显示项目符号。

我尝试停用属性float: left并且显示项目符号，但列表是垂直的。我的列表必须与项目符号水平对齐。

我尝试添加以下属性：

• list-style-position: inside，外面什么都没有。

• 使用display: inline会使子弹消失。

#test ul {
list-style-type: disc
}

• 什么都没有

我尝试使用不同的值更改边距，添加具有不同值的填充，但什么都没有。

Answer 1

您可以使li内联，ul的list-style none，然后使用 :before 伪元素模拟项目符号：

ul {
list-style: none;
margin: 0;
}
li {
display: inline;
}
li::before {
content: "o ";
}

当然，您可以使用表示项目符号的 unicode 字符代替"o"。

Answer 2

使用图像创建项目符号并将其设置为背景。

Answer 3

尝试：

 ul{
    list-style:disc outside none;
    padding:0px;
    padding-left:12px;
    margin-left:8px;
    }

演示

Answer 4

可能有点

晚了，但是在display：list-item中包含span标签似乎可以解决边距和填充调整失败时的问题。请参阅 https://stackoverflow.com/a/18337398/1776573。当边距和填充调整解决问题时，它对我有用。