新問題
來也匆匆,去也“沖沖”。距上次發布垂直柵格與漸進式行距(上)發布,已經不知不覺過去了兩個多月了。反過來,看看上次的成果。诶?怎麼感覺邊注有點奇怪呢?
(demo-6.html)
還是參考我的這篇 關於排版的文章 :我們知道
看來,對於邊注的12px字體大小的,24px的行高顯然過大了。但是,根據上一篇文章的方法,垂直韻律需要邊注的行距和正文的行距應當一致。那麼為了保持 垂直韻律,我們只能同時減少左右兩邊的行距——總結:不靠譜。那麼,我們該如何調整邊注行距,卻又能夠讓我們建立的垂直韻律生效呢?這就需要我們引入漸進式行距。
漸進式行距
總得說來,漸進式行距是對死板的垂直韻律的一個補充。垂直韻律是要求邊注和正文的每一行都對 齊。相比之下,漸進式行距讓邊注和正文也對齊——但不是每一行——而是每幾行對齊一次。一般是每4行或者每5行對齊一次。我們回顧一下上一篇文章,知道, 本文開始的那張例子,“配置”如下:
我們修改邊注的行距和段後距都為18px。那麼情況就會像這樣:
(demo-9.html)
不知道各位看官發現了沒有,為什麼第一行基線沒對齊呢?這是因為流布局會將文字塊按照行高做頂端對齊。如下圖:
所以,在這裡,為了使首行基線對齊,我們還要將邊注下降一定的像素。可恨的是,需要下降的像素是多少——這個很復雜的問題,至少經過不才好幾次的嘗試都沒有看出個規律來,而只得出以下三個結論: