我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。
有可能有一个没有项目符号的列表吗?
我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。
有可能有一个没有项目符号的列表吗?
当前回答
要完全删除ul默认样式:
list-style-type: none;
margin: 0;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 0;
其他回答
我试着观察到:
header ul {
margin: 0;
padding: 0;
}
您可以通过在父元素(通常是<ul>)的CSS上将列表样式类型设置为none来删除项目符号,例如:
ul {
list-style-type: none;
}
如果还想删除缩进,您可能还需要在其中添加填充:0和边距:0。
有关列表格式技术的详细演练,请参见Listutorial。
<div class="custom-control custom-checkbox left">
<ul class="list-unstyled">
<li>
<label class="btn btn-secondary text-left" style="width:100%;text-align:left;padding:2px;">
<input type="checkbox" style="zoom:1.7;vertical-align:bottom;" asp-for="@Model[i].IsChecked" class="custom-control-input" /> @Model[i].Title
</label>
</li>
</ul>
</div>
您需要使用列表样式:none;
<ul style="list-style: none;">
<li>...</li>
</ul>
这将垂直排列一个没有项目符号的列表。只有一行!
li {
display: block;
}