css - 子弹和浮动的冲突：IE7中的左侧

Question

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

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

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

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

我尝试添加以下属性：

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

我试过用不同的值改变边距，用不同的值添加填充，什么都没有。

score 0 · Accepted Answer

尝试：

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

score 0 · Accepted Answer

0

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

于 2012-08-15T17:35:33.683 回答

score 0 · Accepted Answer

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

score 0 · Accepted Answer

您可以使lis 内联和tolist-style的，然后使用伪元素模拟项目符号：ulnone:before

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

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

4 回答 4