html - 列表样式未显示在水平列表上

我在使用以下CSS的标记中有一个水平列表：

ul li {
   display: inline;
   list-style: circle;
   list-style-type: circle;
}

当我删除display: inline;时，它工作正常。但是我不能让它在水平框架上工作。

最佳答案

好吧，如果这样做，它就不会消失，因为您基本上是在声明“停止在其默认显示方法list-item中显示该元素，而改用inline”。要了解有关显示方法的更多信息，请查看do DISPLAY PROPERTY。

现在，如果您想拥有项目符号并仍以嵌入式方式显示它，则有很多方法可以做到。您可以使用：before伪选择器，也可以使用背景等。

例如：

ul li {
  display: inline;
}

ul li:before {
  content: "• ";
}

要么

ul li{
  display: inline-block;
}

ul li{
  padding-left:30px; background:url(images/bullet.png) no-repeat 0 50% ;
}

但是只要您“杀死” list-item显示方法，就需要找到一些方法来覆盖列表类型的DOM显示

关于html - 列表样式未显示在水平列表上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26185098/