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

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

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


您可以通过在父元素的CSS上设置list-style-typeto 来删除项目符号none(通常为a <ul>),例如:

ul {
  list-style-type: 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>

 

添加评论

友情链接:蝴蝶教程