白狗子的博客

「天上浮云如白衣,斯须改变如苍狗。」——杜甫

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 常与常规元素不同。

© 2025 My Blog. Built with Nuxt.js v4