如何显示与项目符号内联的无序列表？

Question

我有一个带有无序列表的 html 文件。我想水平显示列表项但仍保留项目符号。无论我尝试什么，每当我将样式设置为内联以满足水平要求时，我都无法显示项目符号。

原文由 Joel Coehoorn 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我在其他答案中看到的最佳选择是使用 float:left; 。不幸的是，它在 IE7 中不起作用，这是这里的要求* — 你仍然失去了子弹。我也不太热衷于使用背景图片。

我要做的是（没有其他人建议，因此自我回答）是手动添加 • 到我的 html，而不是样式化它。它不太理想，但它是我发现的最兼容的选项。

---

编辑： *当前读者注意原始发布日期。 IE7 不太可能再成为问题。

原文由 Joel Coehoorn 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我有同样的问题，但只在 Internet Explorer 中（我测试了版本 7）- 在 Firefox 3 或 Safari 3 中没有。使用 :before 选择器对我有用：

 ul.tabs li {
  list-style: none;
  float: left;
}
ul.tabs li:before {
  content: '\ffed';
  margin-right: 0.5em;
}

我在这里使用的是方形子弹，但普通子弹 \2022 的效果相同。

原文由 Peter Hilton 发布，翻译遵循 CC BY-SA 3.0 许可协议