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 兼具两者特点