需要一个没有任何项目符号的无序列表
我创build了一个无序列表。 我感觉无序列表中的子弹很麻烦，所以我想删除它们。 是否有可能没有子弹列表？
您可以通过在CSS中为<ul>元素设置list-style-type来删除项目符号，例如：
ul { list-style-type: none; }
如果你想删除缩进，你也可以添加padding: 0和margin: 0 。
请参阅Listutorial以获取列表格式化技巧的详细介绍。
如果你使用Bootstrap，它有一个“无风格”的类：
删除列表项目（仅限直接子项）的默认列表样式和左侧填充。
Bootstrap 2：
<ul class="unstyled"> <li>...</li> </ul>
http://twitter.github.io/bootstrap/base-css.html#typography
Bootstrap 3和4（alpha）：
<ul class="list-unstyled"> <li>...</li> </ul>
你需要使用list-style: none;
<ul style="list-style: none;"><li> ...
在CSS中，风格，
list-style-type: none;
您将不得不添加一个样式到<ul>元素，如下所示：
<ul style="list-style: none; "> <li>Item</li> ... <li>Item</li> </ul>
这将删除子弹。 您也可以像上面的示例一样在样式表中添加CSS。
在CSS中…
ul { list-style:none; }
上面的小改进：如果他们溢出到额外的屏幕线，使更长的线更可读：
ul, li {list-style-type: none;} li {padding-left: 2em; text-indent: -2em;}
使用下面的CSS：
ul { list-style-type: none }
本机：
ul { list-style-type: none; }
引导：
<ul class="list-unstyled list-group"> <li class="list-group-item">...</li> </ul>
注意：如果你使用的是list-groups，那么就不需要list-unstyled了。
如果您无法使其在<ul>级别运行，则可能需要放置list-style-type: none; 在<li>级别：
<ul> <li style="list-style-type: none;">Item 1</li> <li style="list-style-type: none;">Item 2</li> </ul>
您可以创build一个CSS类来避免这种重复：
<style> ul.no-bullets li { list-style-type: none; } </style> <ul class="no-bullets"> <li>Item 1</li> <li>Item 2</li> </ul>
编辑：必要时使用!important ：
<style> ul.no-bullets li { list-style-type: none !important; } </style>
我在ul和li上都使用了list-style来删除子弹。 我想用一个自定义的字符replace子弹，在这种情况下是一个“破折号”，这个效果很好。 所以使用这个标记：
<ul class="dashed-list"> <li>text</li> <li>text</li> </ul>
用这个CSS：
ul.dashed-list { list-style: none outside none; } ul.dashed-list li:before { content: "\2014"; float: left; margin: 0 0 0 -27px; padding: 0; } ul.dashed-list li { list-style-type: none; }
给出了文本换行时很好的缩进效果
CSS：
.liststyle { list-style-type: none; }
HTML：
<ul class="liststyle"> <li>Test</li> </ul>
CSS代码
ul { list-style-type: none; }
HTML代码
<ul> <li><a href="#">Item One</a></li> <li><a href="#">Item Two</a></li> </ul>
您可以使用以下CSS删除项目符号 ：
ul { list-style: none; //or list-style-type:none; }
您甚至可以添加自定义列表样式，如：
li:before { content: '✔'; color:red; }
此命令列表垂直没有项目符号点。 只有一行！
li{ display: block; }
你可以通过设置“list-style-type：none”来删除“项目符号” 。 喜欢
ul { list-style-type: none; }
要么
<ul class="menu custompozition4" style="list-style-type: none;"> <li class="item-507"><a href=#">Strategic Recruitment Solutions</a> </li> </ul>
下面的代码是删除无序列表项目符号的一个很好和简单的例子
<!DOCTYPE html> <html> <body> <h2>Unordered List without Bullets</h2> <ul style="list-style-type:none"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
只需将您的list-style-type或list-style更改为<li> 。
像这样的东西：
li { list-style-type : none; }
另外，为了得到更多的信息，我列出了所有可以分配给list-style-type属性，运行下面的代码来查看一个目标的结果：
.none { list-style-type: none; } .disc { list-style-type: disc; } .circle { list-style-type: circle; } .square { list-style-type: square; } .decimal { list-style-type: decimal; } .georgian { list-style-type: georgian; } .cjk-ideographic { list-style-type: cjk-ideographic; } .kannada { list-style-type: kannada; } .custom:before { content: '◊ '; color: red; }
<ul> <li class="none">none</li> <li class="disc">disc</li> <li class="circle">circle</li> <li class="square">square</li> <li class="decimal">decimal</li> <li class="georgian">georgian</li> <li class="cjk-ideographic">cjk-ideographic</li> <li class="kannada">kannada</li> <li class="none custom">custom</li> </ul>
你需要使用css list-style-type：none;
ul { list-style-type: none; }
如果你想保持简单而不诉诸css，我只是把一个 在我的代码行。 ie <table></table>是的，它留下了几个空间，但没有不好的事情。
