我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。
有可能有一个没有项目符号的列表吗?
我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。
有可能有一个没有项目符号的列表吗?
当前回答
如果您无法使其在<ul>级别工作,则可能需要将列表样式类型:none;在<li>级别:
<ul>
<li style="list-style-type: none;">Item 1</li>
<li style="list-style-type: none;">Item 2</li>
</ul>
您可以创建一个CSS类来避免这种重复:
<style>
ul.no-bullets li
{
list-style-type: none;
}
</style>
<ul class="no-bullets">
<li>Item 1</li>
<li>Item 2</li>
</ul>
必要时,使用!重要:
<style>
ul.no-bullets li
{
list-style-type: none !important;
}
</style>
其他回答
如果您无法使其在<ul>级别工作,则可能需要将列表样式类型:none;在<li>级别:
<ul>
<li style="list-style-type: none;">Item 1</li>
<li style="list-style-type: none;">Item 2</li>
</ul>
您可以创建一个CSS类来避免这种重复:
<style>
ul.no-bullets li
{
list-style-type: none;
}
</style>
<ul class="no-bullets">
<li>Item 1</li>
<li>Item 2</li>
</ul>
必要时,使用!重要:
<style>
ul.no-bullets li
{
list-style-type: none !important;
}
</style>
这将垂直排列一个没有项目符号的列表。只有一行!
li {
display: block;
}
<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>
对前面的答案进行了小的改进:如果较长的行溢出到其他屏幕行,则使其更可读:
ul, li {list-style-type: none;}
li {padding-left: 2em; text-indent: -2em;}
您需要使用列表样式:none;
<ul style="list-style: none;">
<li>...</li>
</ul>