行内块间距空白问题 ?
小于 1 分钟
产生原因:
行内块元素与文本的基线对齐,而文本的基线与文本最底端之间是有一定距离的。
解决方案:
- 方案一:给行行内块设置 vertical,值不为 baseline 即可,设置为 middle、bottom、top 均可。
- 方案二:若父元素中只有一张图片,设置图片为 display:block。
- 方案三:给父元素设置 font-size:0。如果该行内块内部还有文本,则需单独设置 font-size。
行内块元素与文本的基线对齐,而文本的基线与文本最底端之间是有一定距离的。