文字高度大于容器高度解决办法

1. 背景

在 flex 布局下，文字直接由高度未设置的 div 容器包裹，且字号设置的较大，产生文字高度高于容器高度的现象。

2. 代码展示

<div style="font-size: 4em">
	你好呀！CSDN！
</div>

3. 解决办法

在元素上直接加上 line-height: 1 的样式

4. 代码展示

<div style="font-size: 4em; line-height: 1;">
	你好呀！CSDN！
</div>

5. 案例分享