📚前端面试题速记
Q34

行内元素和块级元素有什么区别?

速记答案(30 秒)

块级:独占一行、可设置宽高、默认 width:100%(如 div/p/h1)。行内:不换行、宽高由内容决定,不能直接设置 width/height(如 span/a)。display:inline-block 兼具两者特点。

📖 详细讲解

标准面试回答(推荐记住)

块级元素和行内元素有几个主要区别。块级元素会独占一行,可以设置 width 和 height,默认宽度是父元素的 100%,常见的有 div、p、h1-h6、ul、li 等。行内元素不会换行,多个行内元素会排在一行,宽高由内容决定,设置 width 和 height 无效,常见的有 span、a、strong、em 等。inline-block 是行内块,既能设置宽高,又不会独占一行。

面试要点

  • 块级独占一行,行内不换行
  • 块级可设宽高,行内不可
  • inline-block 兼具两者特点