Question

一旦我增加了字体的大小。它将与下一行重叠。只发生在小写字母上。有什么方法可以解决吗？

Answer 1

虽然Dork Face的答案在技术上是正确的，但我想补充一些其他信息，我认为这些信息可以帮助您找到解决问题的更永久的方法。

由于在增加字体大小后重叠开始，因此很可能意味着您以像素为单位定义了行高。现在，增加行高像素大小可以解决现在的问题，但是如果再次增加字体大小会怎样呢？

我建议您以这种方式定义行高：line-height:1.5;或line-height:2;。它将与您当前的字体大小相乘。

了解更多here

顺便说一下，默认值是line-height:normal;，它不应该让你重叠任何体面的字体系列。您也应该查看它并删除不必要的样式。

Answer 2

像这样使用CSS line-height。

＆＃13;

<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    
    <p style="line-height: 25px;">Some text.<br>new line here.</p>
    
  </body>
</html>

＆＃13;

html行高与小写重叠

2 个答案: