1、行距与Line-height与vertical-align的关系

什么是基线？

温馨提示：可以到B站观看我找到的好视频。总计2个链接地址：https://www.bilibili.com/video/BV1gZ4y1N7mQ?from=search&seid=8621938353632846236&spm_id_from=333.337.0.0 https://www.bilibili.com/video/BV1rJ411S7Jf?from=search&seid=3052725379559013726&spm_id_from=333.337.0.0

四条线类似于英语练习本的一行。其中第三行就是基线。

line-height代表基线间的距离>line-height代表基线间的距离

行距height=line-height - font-size
反过来line-height=height+font-size. 可以复制此链接观看B站讲解视频。https://www.bilibili.com/video/BV1rJ411S7Jf?from=search&seid=3052725379559013726&spm_id_from=333.337.0.0

inline,inline-block:元素之间会有3px的空袭。 解决方案：https://zhuanlan.zhihu.com/p/89386403

题外知识：

line-height:值为像素，百分比，纯数字的不同 当值为纯数字时表示相对大小，如图：