li标记在html中是内联级别还是块级元素？

时间：2017-06-18 05:51:43

标签： html tags

我真的想知道HTML中的li标记是内联级或块级元素吗？

我发现li标记中的p标记可能会破坏新行，因此它有点像块，但它嵌入在{ul标记中1}}标记或ol标记。

从这个角度来看，它有点像内联级元素？哪个是对的？

5 个答案:

答案 0 :(得分：0)

dd，dt和li列出了HTML中的项目，所以我认为块级别的规则对所有dd，dt和li都一样。如需更加可靠的证据，请访问此链接

https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

在这里，您将找到列出的所有块级元素。 enter image description here

答案 1 :(得分：0)

这确实是没有根据的，因为必须在块级li或ul中出现ol元素。

答案 2 :(得分：-1)

由于它以堆叠的方式一个接一个地放置主题自我，因此它是块级元素。

我正在提供w3c文档链接，您可以在其中找到更多相关信息。 visit this link

enter image description here

答案 3 :(得分：-1)

li元素的默认显示值为：

display:list-item

https://www.w3schools.com/cssref/css_default_values.asp

如果设置为display:block，则会隐藏默认项目符号。

答案 4 :(得分：-3)

<!DOCTYPE html>
<html>
<body>

<div style="background-color:black;color:white;padding:20px;">

  <p>
  <ul>
  <li>Hello</li>World
  </ul>
  Sagar 
  </p>
</div> 

</body>
</html>

W3School的内联和块元素定义为 内联元素不会在新行上启动，只会占用所需的宽度。 块级元素始终从新行开始并占用可用的全部宽度（尽可能向左和向右延伸）。

正如你在上面的例子中看到的，即使我在li中键入Hello，在下一行我写了World，但是单个li标签不允许＆＃34; World＆＃34;和＆＃34; Hello＆＃34;在同一条线上在li标签内部，它本身证明li标签占用了100％的可用宽度，证明li是块级元素。这是我的观点。

相关问题
最新问题