HTML-面试-块级与行内元素
2026年10月16日·Admin·2 次浏览
面试题:块级元素与行内(内联)元素区别?可替换元素?
块级(block)
- 默认独占一行,宽度默认撑满父级(可用 width 限制)。
- 可设 宽高、上下 margin(部分场景 margin 折叠另说)。
- 典型:
div、p、h1–h6、ul、li、section。
行内(inline)
- 不换行,宽度由内容决定。
- 垂直 padding/margin 不推开上下行高(旧题常考);水平 margin/padding 有效。
- 典型:
span、a、strong、em。
inline-block
对外像行内(可并排),对内像块级(可设宽高),常用于图标+文字、导航项。
可替换元素(replaced)
内容来自外部,尺寸由内容或属性决定:img、video、iframe、input 等。面试可提:基线对齐与默认 display 常与常规元素不同。