子弹和浮动之间的冲突：在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内联，将list-style的{​​{1}}设为ul，然后使用none伪元素模拟项目符号：< / p>

:before

当然，您可以使用代表子弹的unicode字符代替“o”。

Answer 2

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

Answer 3

尝试：

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

Demo

Answer 4

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