行、块、空元素

... 2025-7-10 HTML 小于 1 分钟

# 行内元素

  • 不支持宽高(宽高根据内容大小自动撑开),自左向右排列
  • 受空格影响
  • 不独占一行

如: <span><a><br><b><i><strong><select><sup><sub><em><del>

# 块级元素

  • 支持宽高,自上而下排列
  • 不受空格影响
  • 一般用于其他标签的容器
  • 默认宽度为 100%(独占一行)

如: <h1>~<h6><hr><p><pre><ul><ol><dl><table><div><form>

# 行内块元素

  • 支持宽高,自左向右排列
  • 受空格影响
  • 不独占一行

注意: 当元素浮动(float)时会转化成行内块元素特点。

如: <img><input><textarea>

# 空元素

自闭和的元素称为空元素

如: <br><meta><hr><link><input/><img/>

上次编辑于: 2025年7月10日 04:01
贡献者: HugStars