堆焊元素的選擇文本

Question

時，在此代碼時，我選擇輸出文本我看到這一點：

我怎樣才能解決呢？

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>

Answer 1

發生這種情況，因爲你的行高比你字體大小小。所以爲了修復它，請保持行高等於或大於字體大小。

編輯：設置display：inline;解決了這個問題。

看看這裏。

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>

Answer 2

要解決此問題，嘗試給線高度比字體大小多，你的情況，字體大小是默認16 PX這是多行高。那是爲什麼它重疊。

檢查了這一點：

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>