Css
元素上的子弹来自哪里

发布于05月06日

我目前的理解是，撇开语义不谈，不同的HTML元素通过其默认的CSS样式在功能上分开.

使用自定义CSS，您可能会(不明智地)使任何HTML元素的行为与其他元素一样.

如果这是正确的，我唯一不能解释的就是<li>个元素上的子弹.是什么导致了它们？如何将其添加到其他元素中？

给future 读者的注意:我最近了解到HTML元素也相差content categories.

推荐答案

项目符号包含在<ul>元素的填充范围内:

The padding is marked green and the margin orange:个

减小填充显示项目符号位于该填充范围内:

例如，增加<ul>的利润率，会使其向右移动.

list-style属性控制项目符号本身.将其设置为none将隐藏它们.如果您还想取消缩进，则需要将页边距和填充设置为0.

ul
{
    list-style: none;
}

如果您想go 掉所有页边距/填充和项目符号，请使用以下命令:

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div
{
    padding-left: 40px;
}
a
{
    display: list-item;
    list-style: disc;
}

<div>
    <a href="#">Item #1</a>
    <a href="#">Item #2</a>
    <a href="#">Item #3</a>
    <a href="#">Item #4</a>
</div>

实用课程推荐