[分享]css中字体比行高大会怎么样

在CSS中，当字体大小（font-size）比行高（line-height）大时，可能会出现一些问题。具体表现如下：

p {
  font-size: 36px;
  line-height: 24px;
} 

以上代码中，字体大小为36px，行高为24px，此时文字会出现“溢出”的情况。这是因为当字体尺寸超过行高时，文字会“越界”，导致文字不整齐，严重时还可能影响页面美观。

为解决这个问题，我们可以采用以下方法：

1. 增大行高：我们可以将行高调整为大于字体大小的数值，例如，将行高设置为48px。
2. 缩小字体大小：我们也可以将字体大小缩小至小于行高的数值，例如，将字体大小设置为16px。
3. 使用垂直居中的方式：如果你有一些单行的文本，可以采用使用line-height: height-of-container方式将文字垂直居于容器中央。

以上方法是为了保证页面的美观性和可读性，建议在选择颜色和字体大小时，认真对待。