你如何在CSS中指定行高？一個全局聲明還是特定於每個元素？

我意識到這可能是一個模糊的問題，但我不確定創作網站時排線高度的最佳方法是什麼。你是否爲整個網站創建了一個全局聲明，然後爲每個單獨的元素聲明單獨的行高？這裏有什麼最佳實踐？你如何在CSS中指定行高？一個全局聲明還是特定於每個元素？

2013-04-03 Matt

設置一個默認的行高body標籤，然後指定在特定元素行高，如果他們是從不同的身體。 – Lowkase

這只是取決於你要多少個品種的line-height中有你的頁面上，如果大多數都將是相同的，遵循Lowkase的提醒，並設置在body標籤默認值，然後設置其他變化標籤。或者你可以有三個班級，比如.lhs（線條高度小），.lhm和.lhl，並將這些類放在元素上以指定線條高度。這樣可以最大限度地減少指定行高的代碼行數。

.lhs { 
    line-height: 10px; 
} 
.lhm { 
    line-height: 30px; 
} 
.lhl { 
    line-height: 50px; 
}

來源

2013-04-03 15:33:46 dezman

要做的最好的事情是將它設置爲全局的身體沒有單位。（1.5而不是1.5em）

這樣，行高將是元素字體大小的1.5倍，這會導致相對行高對垂直基線/垂直節點的貢獻。

如果字體大小增加了縮放，線高度自行調整至新的字體大小

來源

2013-04-03 15:39:30 Dennis

該死的，我不知道。好可愛。 – dezman

你如何在CSS中指定行高？一個全局聲明還是特定於每個元素？

回答

相關問題