CSS3无带浮动的项目符号：左

我在网站的某个地方做了一个无法追溯的更改，出于某种原因，我在所有水平列表中都有丢失的CSS3子弹。但不管怎样，在我看来，这段代码应该是有效的……但随着浮动：我失去了子弹，无法保留它们。谁能告诉我为什么我不能用浮子保留子弹：左

ul#info {
    padding-top: 20px;
    text-align: center;
    color: white;
}

ul#info li:first-child {
    list-style: none;
}

ul#info li {
    list-style: disc;
    float: left;
    padding-right: 10px;
    font-size: 20%;
    list-style-position: inside;
}

---

尝试使用

display:inline block

而不是

float:left

在这种情况下

您的项目符号隐藏在ul的左边缘之外-当浏览器决定将列表浮动到何处时，不考虑项目符号的宽度。尝试添加一些左填充和/或边距

---

编辑：或者不，尽管我见过这种情况。您可以始终使用css:before选择器（）作为解决方法。

浮动元素会将其更改为块框，除非将其设置为“无”，否则将忽略显示类型。由于元素不再是

display:list item

，因此与列表相关的属性也不会对其产生影响

您可以将自己的光盘注入before伪元素，如下所示：

---

我也有同样的问题，一个列表浮动在图像的右边。 项目符号位于图像上，不再与浮动文本的其余部分对齐

这段css解决了我的问题

ul{溢出：隐藏；}

---

希望这有帮助。

不。。。子弹根本就没有被画出来。博尔特钟是对的，子弹根本没有显示出来。我加了保证金：10px；没有成功：before psuedo元素是一个好主意，但我仍然无法使它工作：li:before{list style:disc}如果使用float对列表进行收缩包装，这会起作用，但如果您确实想使其浮动，则不会有任何帮助。我不能使用display:inline block和keep子弹，这就是为什么我选择了浮动：左。但出于绝望，我尝试了这两种方法，但都没有成功。那么，我该如何解决这一问题，以获得一个包含子弹的水平列表呢？我看到了很多例子，并且我曾经让它发挥作用。我不知道为什么我现在不能让它工作。我已经更新了我的答案，显示了如何在before元素上实现它。

li {
    display: inline-block;
}

li:before {
    content: "\2022";
}