七里香 - CSS 直式中文排版

沒看過有人用 CSS 處理直式中文排版， 原因是外國人沒有直式排版， 而且直式中文是由右至左，不是像英文一樣由左至右。

目前我只能排版詩，還不能排版文章， 因為詩是一句一句的，比較容易處理。 我把每一句詩包在 <p> 標籤中， 再把 <p> 的寬度設成 1em 也就是一個字元的寬度， 就可以形成直式排版的效果。

至於靠右的效果，把 <p> 的 float 屬性設成 right 即可。 至於標題，我是用 <h2>，也是類似 <p> 的處理手法， 最後再調整一下 padding 即可。

七里香

溪水急著要流向海洋

浪潮卻渴望重回土地

在綠樹白花的籬前

曾那樣輕易地揮手道別

而滄桑的二十年後

我們的魂魄卻夜夜歸來

微風拂過時

便化作滿園的郁香