2017-07-29 4 views
0

を選択:私はそれを修正するにはどうすればよいの重ね私はこれを見出力テキストを選択した場合、このコードでは、テキスト

enter image description here

を?

p { 
 
    font-family: 'Cairo', sans-serif; 
 
    line-height: 15px; 
 
}
<link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"> 
 
<p> 
 
    Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla 
 
</p>

+0

行の高さ:30px; ? – Emilien

答えて

0

あなた行の高さがあなたのフォントサイズより小さいので、これが起こっています。だから、それを修正するには、あなたの行の高さをfont-size以上に保ってください。

編集:設定:ディスプレイ:インライン;は問題を修正します。

こちらをご覧ください。

p { 
 
    font-family: 'Cairo', sans-serif; 
 
    display: inline; 
 
    line-height: 15px; 
 
}
<link href="https://fonts.googleapis.com/css?family=Cairo"> 
 
<p> 
 
    Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla 
 
</p>

+0

コードが機能しないhttp://i.imgur.com/qGsam6B.png – Ahmed

+0

これは奇妙です。ノートパソコンのFirefoxとChromeの両方で動作しています。どのブラウザを使用していますか?また、線の高さを上げてみてください。それはあなたの問題を解決するはずです。 –

+0

私はChromeとFirefoxを使用しています – Ahmed

0

行の高さにフォントサイズ以上のものを与えてみてください、この問題を解決するには、あなたのケースでは、フォントサイズは、デフォルトで行の高さ.Thatがある以上である16ピクセルでありますなぜそれが重なっているのか。

チェックこのアウト:

p { 
 
    font-family: 'Cairo', sans-serif; 
 
    line-height: 25px; 
 
    font-size:15px; 
 
}
<link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"> 
 
<p> 
 
    Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla Pla 
 
</p>

関連する問題