设置文本的文本行高
设置字体的值大于设置行高的值时，👇 设置字体的值大于设置行高的值时☝
设置字体的值小于设置行高的值时👇 lineHeight 属性在文本排版中是一个至关重要的概念。
从定义上来说，lineHeight 指的是行高，它是指文本行基线之间的垂直距离。想象一下，每一行文字都有一个看不见的 “框”，这个 “框” 的高度就是 lineHeight 的值。
例如，当设置 lineHeight 为 20px 时，相邻两行文字基线之间的距离就是 20px。它不仅仅包含文字本身的高度，还包括文字上下的间距。这对于文本的可读性和排版的美观性有很大的影响。
如果 lineHeight 设置得过小，文字行与行之间会显得很拥挤，阅读时容易让人产生视觉疲劳。比如，当文字大小为 16px，而 lineHeight 也设置为 16px 时，行与行之间几乎没有间隙，看起来很局促。
相反，若 lineHeight 设置得过大，虽然文字会显得比较松散，但可能会浪费页面空间。适当的 lineHeight 值通常是文字大小的 1.2 - 1.5 倍左右，这样能使文本排版看起来更加舒适、整齐，提高用户阅读体验。同时，lineHeight 属性在网页设计、文档排版等众多领域都有广泛的应用。
lineHeight是塑造文本排版风格的重要因素之一。通过调整行高，可以营造出不同的视觉风格，如古典、现代、简约等。例如，在一个古典风格的网页设计中，可以使用较大的行高来营造出优雅、舒缓的氛围；而在一个现代风格的设计中，可能会使用较小的行高来实现紧凑、高效的排版效果。
PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~
