查漏补缺——ul和li元素是块元素吗？

问题

如题所示

答案

html li是块级元素,li是行内元素吗？

块元素、行内元素、行内块元素

<div id="hzh-layout-header">
    <div class="hzh-site-logo">
      <img src="@/assets/hzh-site-logo.svg"> 
      <p class="hzh-site-name">黄子涵</p>
    </div>
    <ul class="hzh-site-menus">
      <li class="hzh-menu-item">首页</li>
      <li class="hzh-menu-item">文章</li>
      <li class="hzh-menu-item">友链</li>
      <li class="hzh-menu-item">关于</li>
    </ul>
  </div>

以上源码显示如下：

不够清楚，我们可以看一下控制台：

可以看到ul元素和li元素都是独占一行，高度由内容撑开，宽度由是父元素的宽度。