协慌网

登录 贡献 社区

需要一个没有任何子弹的无序列表

我创建了一个无序列表。我觉得无序列表中的子弹很麻烦,所以我想删除它们。

是否有可能没有子弹的列表?

答案

您可以通过在父元素的 CSS(通常是<ul> )上将list-style设置为none来删除项目符号。

ul {
  list-style: none;
}

如果你想删除缩进,你可能还想添加padding: 0margin: 0

有关列表格式化技术的精彩演练,请参阅列表教程

如果你正在使用 Bootstrap,它有一个 “没有样式” 的类:

删除列表项上的默认列表样式和左边距(仅限直接子项)。

Bootstrap 2:

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

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

Bootstrap 3 和 4:

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

http://getbootstrap.com/css/#type-lists

你需要使用list-style: none;

<ul style="list-style: none;">
    <li> ...</li>
</ul>