Css 我们在DIV help的左侧内部设置了Werid间距！

由于某种原因，div的左侧有一个空格

这是我看到的一张照片

CSS

HTML

家
产品
链接
联系我们
阿布特我们

对于UL，您也应该将padding/margin设置为0。Ul本身就有填充物

对于UL，也应该将padding/margin设置为0。Ul本身就有填充物

它不是来自

div

，而是来自浏览器为您设置的填充/边距，如果您不覆盖它的话。试试这个：

    div {
        margin: auto;
        border: 1px solid white;
        width: 500px;
    }

    li {
        padding: 0;
        margin: 0 5px;
        display: inline;
        float: left;
    }

    ul {
        height: 20px;
        text-align: left;
        vertical-align: center;
        padding: 0;
        margin: 0;
    }

我注意到，您使用

在列表项之间添加空格，这是非常混乱和冗余的，因此我添加了

边距：0 5px用于每个列表项

因此，删除所有这些
，并将边框和宽度属性移动到CSS中，这是我在上面做的，因为这是一个很好的实践

    <div>
        <ul>
        <li>Home</li>
        <li>Product</li>
        <li>Links</li>
        <li>Contact Us</li>
        <li>About US</li>
        </ul>
    </div>



家
产品
链接
联系我们
关于我们


要了解更多为什么将结构（HTML）和表示（CSS）分开是一种好的做法，请从谷歌观看这些精彩的视频：。
这不是来自
div
，而是来自浏览器为您设置的填充/边距，如果您不覆盖它的话。试试这个：

    div {
        margin: auto;
        border: 1px solid white;
        width: 500px;
    }

    li {
        padding: 0;
        margin: 0 5px;
        display: inline;
        float: left;
    }

    ul {
        height: 20px;
        text-align: left;
        vertical-align: center;
        padding: 0;
        margin: 0;
    }

我注意到，您使用
在列表项之间添加空格，这是非常混乱和冗余的，因此我添加了
边距：0 5px用于每个列表项

因此，删除所有这些
，并将边框和宽度属性移动到CSS中，这是我在上面做的，因为这是一个很好的实践

    <div>
        <ul>
        <li>Home</li>
        <li>Product</li>
        <li>Links</li>
        <li>Contact Us</li>
        <li>About US</li>
        </ul>
    </div>



家
产品
链接
联系我们
关于我们


要了解更多为什么将结构（HTML）和表示（CSS）分离是一种好的做法，请观看谷歌提供的这些精彩视频：。
可能是ul上的margin:auto，它基本上将ul置于div的中心。这种列表可能会意外地表现出来

您是否使用firebug或chrome内置的“Inspect element”工具等开发人员工具来仔细查看？它们将突出显示每个单独的元素，并准确地告诉您边距/填充/所有内容使用的值。它真的可以加速这种问题的解决。另一个简单的方法是给每样东西一个不同颜色的1px边框。通过这种方式，您可以更好地判断问题是在ul内部还是外部，甚至是在某个li上。
可能是ul上的边距：auto，它基本上将ul集中在div中。这种列表可能会出现意外行为

您是否使用firebug或chrome内置的“Inspect element”工具等开发人员工具来仔细查看？它们将突出显示每个单独的元素，并准确地告诉您边距/填充/所有内容使用的值。它真的可以加速这种问题的解决。另一个简单的方法是给每样东西一个不同颜色的1px边框。这样，您就可以更好地判断问题是在ul内部还是外部，甚至是在某个li上。
这实际上取决于用户代理的默认样式。一些浏览器使用边距，一些使用填充；一些将样式应用于
，一些应用于包含列表。用户此样式适用于UL:UL{height:20px；text align:left；vertical align:center；margin:0px；padding:0px}这实际上取决于用户代理的默认样式。一些浏览器使用边距，一些使用填充；一些将样式应用于
，一些应用于包含列表。用户此样式用于UL:UL{height:20px；text align:left；vertical align:center；margin:0px；padding:0px}我刚刚添加了间距实数qwik来发布它。谢谢你，我做到了。LOLi只是加了一个真正的qwik来发布它。谢谢你，我做到了。英雄联盟