我需要一个没有任何项目符号的无序列表

Question

我创建了一个无序列表。感觉无序列表中的项目符号比较麻烦，所以想去掉。

是否可以有一个没有项目符号的列表？

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

Answer 1

您可以通过在父元素的 CSS none 设置为 list-style-type 来删除项目符号（通常是 <ul> ），例如：-

 ul {
  list-style-type: none;
}

如果您还想删除缩进，您可能还想添加 padding: 0 和 margin: 0 。

请参阅 Listutorial 以了解列表格式化技术的详细演练。

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

Answer 2

如果您使用的是 Bootstrap，它有一个“无样式”类：

删除列表项的默认列表样式和左填充（仅限直接子项）。

引导程序 2：

 <ul class="unstyled">
   <li>...</li>
</ul>

http://twitter.github.io/bootstrap/base-css.html#typography

引导程序 3 和 4：

 <ul class="list-unstyled">
   <li>...</li>
</ul>

引导程序 3：http: //getbootstrap.com/css/#type-lists

引导程序 4： https ://getbootstrap.com/docs/4.3/content/typography/#unstyled

引导程序 5： https ://getbootstrap.com/docs/5.0/content/typography/#unstyled

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