为什么 div 与上部存在间隙?
问题:
在一个 HTML 布局中,<div> 元素与上部存在一个间隙。尽管父元素没有内边距,但子元素是一个行内块元素,并且检查结果表明其顶部没有内边距。造成此间隙的原因是什么?
解决办法:
该间隙可能是由于文本对齐问题引起的。在<span> 元素上应用 vertical-align: middle 可以解决此问题。
立即学习“前端免费学习笔记(深入)”;
其他可能导致该问题的方案:
- 将 vertical-align 设置为 top 或 bottom。
- 将 font-size 设置为 0。
- 将行内块元素更改为块级元素。
- 消除所有文本空格。











