正文的行距

正文的行距有辦法加大嗎？不然一整段的文章看起來上下粘在一起有點痛苦，換行的話，行距又太大。

首頁及其他地方的不必，是指點進去後文章的正文部份。

行距例子：

 http://hyperrate.com/topic-files-dir/38/13138-U73BNz91d5/cancer.html

css 在此：

 http://hyperrate.com/topic-files-dir/38/13138-U73BNz91d5/cancer.css

 line-height 用到 160% 才勉強弄出差不多的行距。

意思是說所有的 forum的文章都要 line-height 調大？

是的，但只有所 post 的文章的部份。像首頁就不去調他。

可以這樣調嗎？

p {line-height: 1.6;} 

這樣可以嗎？

這樣是所有的段落，包括不是正文的部份都會把行距增大。

我的意思是，如果我們閱讀文章的正文部份有在 css 另外定義一個「容器」，只要調整這個容器內的 line-height 就可以了（例如左邊的 post 者資訊就不必調整）。

不過，這在 html + css 可能有點困難度，他的彈性比較呆板，除非事先就有規劃好。

現在的網頁「行距」意識高漲，尤其是中文網頁，中文文章上下行粘在一起，如果文章稍微長一點的話，閱讀起來是滿吃力的。

退而求其次，全部調整可行的話，也是一個辦法，這樣比較簡單。

像老貓的網頁，他的行距就調整的很好。

我的 blog，首頁就沒調行距（某些部份，不是全部），正文的部份行距就調整過了。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("hyperrate.com") {
td[class="bottom td0"] > div p {line-height: 1.6;}
td[class="bottom td0"] > div {margin:2em; max-width: 45em;}
}

記得 max-width 對某些 IE 好像無效。

reload my.css

看看效果。 目前只對 LGJ 開放。 沒有設定的介面。

咦，沒改變呀？

改好了。

發現缺點是如果是按 enter，也就是用 <p></p> 方式，會空太多。

呃，原來要自行去加 class。

 http://hyperrate.com/thread.php?tid=13206

forum 的話， 160% 可能太大了，或許 140% 比較合適？

或再加一個 line_h140？Thanks.

 

我是覺得還好。或者用 140% 就不會上下行粘在一起了。160% 是正式排版的行距。

ok，要 reload my.css

呃，這個只有我看得到是嗎？別人還是和以前一樣？

yes

其實可以開放給大家試用，因為我看許多人的 post，會故意用 enter 換行，就是因為行距太小。

不然，他們也是可以自行加 class=line_h140，這樣對大家都有效果了吧？像這篇我是用 line_h160：

 http://hyperrate.com/thread.php?tid=13206

這篇是用 line_h140：

 http://hyperrate.com/thread.php?tid=13213

是加在 html 裡頭的。

因為大家都是習慣按 enter，很多人不知道按 shift-enter

這個功能很不錯，因為有些人打文章是一直打下去的，按 enter 是為了分段落。看什麼時候有空弄個介面，或者幹脆就設成預設值。140% 應該是不錯的選擇。

最近發現自由時報的字變大了。

有嗎？我都是經過自行放大，所以不清楚。

他們的行距也是用 140%。

聯合新聞網好像比較重視排版規則，他們是用 160%。

 http://udn.com/NEWS/NATIONAL/NATS4/5086529.shtml