穩定垂直文字節奏的最佳方法是什麼？

-1

我聽說相對單位比絕對更好，但有時瀏覽器把它弄錯了，很難計算。你知道任何有用的工具嗎？穩定垂直文字節奏的最佳方法是什麼？

我用SASS/Compass。這很好，很容易，但不完美...

2012-12-27 Tymek

什麼是「垂直文本節奏」？ –

它將文本基線與水平網格對齊。使它看起來更好。谷歌它的更多信息:)。 – Tymek

@Tymek：我還不太清楚你在問什麼。玩具可以更具體地說明你遇到的問題嗎？ –

根據評論，「垂直文本節奏」似乎是指線格。線條網格一般在CSS中被忽略，主要是因爲它在印刷媒體和多列文本佈局中大部分都是相關的。基本上，將物體對齊到網格中的方法是在垂直方向上使用一致的大小，使用相同的單位。例如，如果您以em單位設置線高，也可以在這些單位中設置高度和垂直邊距。要將圖像放入直線網格中，請將其包裝在高度爲em單位的容器中。或者，在px單位做所有垂直大小。

確實舍入可能會導致問題，因爲em尺寸最終得到轉換爲像素。因此，如果您將行高設置爲1.3em，圖像容器高度設置爲3.9em，則後者可能不會產生像前者一樣多3倍的像素，但會減少一個像素或更多。如果這是至關重要的，並且您考慮使用像素，請記住CSS像素不需要與設備中的物理像素相對應。

在CSS Line Grid Module中，目前僅作爲編輯草稿使用，還存在使用實線網格的屬性。它們已部分在Chrome中實施，其前綴爲-webkit-。如果網格線是理想的，它幾乎不能傷害補充說，試圖捕捉到的內容的網格，在Chrome可以這樣做代碼：

body { 
    line-grid: yourNameForLineGrid; 
    line-snap: baseline; 
    -webkit-line-grid: yourNameForLineGrid; 
    -webkit-line-snap: baseline; 
}

來源

2012-12-27 11:24:38

穩定垂直文字節奏的最佳方法是什麼？

回答

相關問題