Html 为什么我需要ul列表中的

Html 为什么我需要ul列表中的,html,Html,我只是在做基本的html,但为了确保列表中的每个项目都显示在单独的行中,我需要在每个li选项的末尾添加一个br <ul> <li>Item One</li><br/> <li>Item Two</li> <li>Item Three</li> </ul> 如果我不添加br,则项目2将覆盖在项目1上。我已经检查了css,没有li或ul的条目。知道为什么会这样吗?将l

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

<ul>
    <li>Item One</li><br/>
    <li>Item Two</li>
    <li>Item Three</li>
</ul>
如果我不添加br,则项目2将覆盖在项目1上。我已经检查了css,没有li或ul的条目。知道为什么会这样吗?

将li设置为:

li {

    display: block;

   }
简言之,你不需要一个内在的。使用一个将导致无效标记。根据,的唯一有效子项是,和

虽然可能没有CSS规则或元素作为目标,但问题肯定在于CSS。默认情况下,元素具有值为block的“显示”属性,这将导致它们显示在彼此下方

您可能有一些CSS覆盖了这种行为,并可能将其设置为display:inline

您可以通过手动指定目标图元应为块级别来替代此选项:

li {
  display: block;
}

请记住,由于您没有注意到任何直接以元素为目标的规则,因此可能需要另一个以为目标的元素。您可以通过附加来覆盖它!很重要,但是。相反,您应该使用来识别罪魁祸首,并应用更高的特异性。

在我看来很好:您必须有一些CSS导致li以内联方式显示,因为它们默认为块,这意味着您不需要中断。我认为s不是s的有效子代。它一定是CSS。您如何验证没有影响列表的CSS规则?您右键单击->检查元素了吗?我在css文件中查找了任何对我来说会影响列表的css。至于第二个问题,不,那是哪个浏览器。我在使用Chrome。你基本上可以在每一个浏览器中都这么做。当然这是有史以来最基本的HTML问题,但是是的,有些东西导致你的li无法正常工作。把css放进去!显示后重要提示:如果希望它覆盖li的任何其他显示样式,请将其阻止。@Amit-。你应该调查一下。