为什么我需要一个ul列表中的一个

Question

我只是在做基本的HTML，但为了确保列表中的每个项目都显示在单独的行中，我需要在每个li选项的末尾添加一个br。

<ul>
    <li>Item One</li><br/>
    <li>Item Two</li>
    <li>Item Three</li>
</ul>

如果我不添加br，那么第二项将覆盖第一项。我检查了css，没有li或ul的条目。知道为什么会这样吗？

Answer 1

将li设置为：

li {

    display: block;

   }

Answer 2

简而言之，不需要<br />内的<ul>。使用一个会导致无效标记。根据{{​​3}}，<ul>的仅有效子项为<li>，<script>和<template>。

虽然可能没有针对<li>或<ul>元素的CSS规则，但您的问题肯定存在于您的CSS中。通过默认，<li>元素的display属性值为block，这会导致它们显示在彼此之下。

你可能在某个地方覆盖了一些覆盖此行为的CSS，并可能将其设置为display: inline。

您可以通过手动指定目标元素应该是块级别来覆盖它：

li {
  display: block;
}

请注意，由于您没有注意到任何直接定位<li>元素的规则，您可能需要另一个元素定位<li> official standards on <ul>。您可以通过附加!important覆盖此内容，但 higher specificity 。相反，您应该使用 "!important does not fix your bad CSS" 来识别罪魁祸首，并应用更高的特异性。