2016-04-06 7 views
2

フォントのサイズを増やしてください。次の行にオーバーラップします。小文字でのみ発生しました。解決する方法はありますか?小文字の重複を伴​​うhtml行の高さ

pic

+2

これは、 'font-size'ではなく' line-height'に関連しています。 –

+0

'line-height:normal;を作成すると自動的に調整されます。 – murli2308

答えて

1

Dork顔の答えは、技術的に正しいですが、私はあなたがあなたの問題に、より恒久的な解決策を見つけるのに役立つだろうと思い、いくつかのより多くの情報を追加してみましょう。

フォントサイズを増やした後にオーバーラップが開始されるため、ピクセル単位で行の高さが定義されている可能性があります。今、line-heightピクセルサイズを増やすことで問題は解決しますが、font-sizeを再び増やすとどうなりますか?

このように線の高さを定義することをお勧めします。line-height:1.5;またはline-height:2;です。現在のフォントサイズに掛けられます。

ところでhere

続きを読む、デフォルト値を使用すると、任意のまともなフォントファミリに重なっ与えるべきでないline-height:normal;です。それを調べて、不要なスタイルを削除する必要があります。

+0

あなたは正しい答えを得ました –

0

次のようにCSS line-heightを使用してください。

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

関連する問題