内联元素

更新时间: 2024-03-12 09:58:25

# 哪些元素是内联元素

“内联元素”的“内联”特指“外在盒子”，inline-block和inline-table都是“内联元素”，因为它们的“外在盒子”都是内联盒子。

“内联元素”的典型特征就是可以和文字在一行显示。

在HTML5文档声明内，内联元素的所有解析和渲染表现就如同每个行框盒子的前面有一个“空白节点”一样。

这个空白节点永远透明，不占据任何宽度，也看不见也无法通过脚本获取，但又确确实实存在。

比如下面红色的div里，明明没有任何文字，但是却实实在在的占据了高度：

div {
  background-color:#cd0000;
}
span {
  display: inline-block;
}

1
2
3
4
5
6