我创建了一个无序列表。我觉得无序列表中的项目符号很烦人,所以我想删除它们。

有可能有一个没有项目符号的列表吗?


当前回答

如果您想仅使用纯HTML实现这一点,此解决方案将适用于所有主要浏览器:

描述列表

只需使用以下HTML:

<dl><dt>列出项目1</dt><dd>子项1.1</dd><dt>列出项目2</dt>子项2.1</dd>子项2.2</dd>子项2.3</dd><dt>列出项目3</dt><dd>子项3.1</dd></dl>

此处示例:https://jsfiddle.net/zumcmvma/2/

此处参考:https://www.w3schools.com/tags/tag_dl.asp

其他回答

如果您想仅使用纯HTML实现这一点,此解决方案将适用于所有主要浏览器:

描述列表

只需使用以下HTML:

<dl><dt>列出项目1</dt><dd>子项1.1</dd><dt>列出项目2</dt>子项2.1</dd>子项2.2</dd>子项2.3</dd><dt>列出项目3</dt><dd>子项3.1</dd></dl>

此处示例:https://jsfiddle.net/zumcmvma/2/

此处参考:https://www.w3schools.com/tags/tag_dl.asp

如果您想在不使用CSS的情况下保持简单,我只需要;在我的代码行中。即<table></table>。

是的,它会留下一些空间,但这不是坏事。

ul{list-style-type:none;}

只需将无序列表的样式设置为无。

要完全删除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;
 <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>