|
這個結論并不能有成型的公式來確定需要下降的具體像素值。那么，我們就根據(jù)結論①一個一個像素試驗吧(3 < d < 6)，反正不會太多。在本例中經(jīng)試驗可得，下降4px是能夠讓首行對齊的。對齊后，各位可以看到正文每隔4行，邊注每隔5行，他們的基線會對齊一次。
(demo-10.html)
很有趣，是吧？
垂直柵格與漸進式行距應用舉例
這套理論看起來略顯枯燥。所以，我還是得舉個應用的例子，不然理論對于現(xiàn)在來說沒有任何意義。前幾天，我遇到了一個問題是這樣的：有一個系統(tǒng)，它能夠用像 iGoogle那樣的模塊迅速搭建一個頁面用于淘寶的各個子頁面。但是，用模塊搭建卻常常遇到開天窗的問題，就像下面這樣：
再看看模塊本身，文字基線均未對齊，行距七零八落：
好， 現(xiàn)在，我們開始開刀。首先，我們用6px的紅色網(wǎng)格線，畫好標尺。為什么用6px呢？我們在前面的例子中，正文行距是24px，邊注行距是18px，那么 他們的最大公約數(shù)就是6px. 也就是說，如果我們畫好以6px為單位的橫線族，那么，每3條橫線就是一個18px單位，每4條橫線就是一個24px單位。
出處：Taobao.com UED Team
責任編輯：bluehearts
上一頁 垂直柵格與漸進式行距 [1] 下一頁 垂直柵格與漸進式行距 [3]
|
第 1 頁 
第 2 頁 垂直柵格與漸進式行距 [2]
