cht關於本站
adm Find login register

正文的行距

本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
1subject: 正文的行距Promote 0 Bookmark 02009-08-17quote  

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

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

行距例子:

 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% 才勉強弄出差不多的行距。


eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
2subject: Promote 0 Bookmark 02009-08-17quote  
意思是說所有的 forum的文章都要 line-height 調大?
本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
3subject: Promote 0 Bookmark 02009-08-17quote  

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

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

可以這樣調嗎?


coolcd
joined: 2008-01-21
posted: 2601
promoted: 348
bookmarked: 95
4subject: Promote 0 Bookmark 02009-08-18quote  
p {line-height: 1.6;} 

這樣可以嗎?

本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
5subject: Promote 0 Bookmark 02009-08-18quote  
coolcd
p {line-height: 1.6;}

這樣可以嗎?

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

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

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

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


本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
6subject: Promote 0 Bookmark 02009-08-18quote  

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

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

我的 blog,首頁就沒調行距(某些部份,不是全部),正文的部份行距就調整過了。


coolcd
joined: 2008-01-21
posted: 2601
promoted: 348
bookmarked: 95
7subject: Promote 0 Bookmark 02009-08-18quote  
@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 好像無效。

eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
8subject: Promote 0 Bookmark 02009-08-18quote  

reload my.css

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

本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
9subject: Promote 0 Bookmark 02009-08-18quote  
eliu
reload my.css

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

咦,沒改變呀?


edited: 1
eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
10subject: Promote 0 Bookmark 02009-08-18quote  

改好了。

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

本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
11subject: Promote 0 Bookmark 02009-08-18quote  

呃,原來要自行去加 class。

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

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

或再加一個 line_h140?Thanks. 微笑

 


本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
12subject: Promote 0 Bookmark 02009-08-18quote  
eliu
改好了。

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

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


eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
13subject: Promote 0 Bookmark 02009-08-18quote  
ok,要 reload my.css
本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
14subject: Promote 0 Bookmark 02009-08-18quote  

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

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


eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
15subject: Promote 0 Bookmark 02009-08-18quote  
yes
本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
16subject: Promote 0 Bookmark 02009-08-18quote  

eliu
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 裡頭的。


edited: 1
eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
17subject: Promote 0 Bookmark 02009-08-18quote  
因為大家都是習慣按 enter,很多人不知道按 shift-enter
本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
18subject: Promote 0 Bookmark 02009-08-18quote  
這個功能很不錯,因為有些人打文章是一直打下去的,按 enter 是為了分段落。看什麼時候有空弄個介面,或者幹脆就設成預設值。140% 應該是不錯的選擇。微笑


eliu

joined: 2007-08-09
posted: 11474
promoted: 617
bookmarked: 187
新竹, 台灣
19subject: Promote 0 Bookmark 02009-08-18quote  
最近發現自由時報的字變大了。
本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
20subject: Promote 0 Bookmark 02009-08-18quote  

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

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

他們的行距也是用 140%。微笑


本人已不在此站活動

joined: 2007-09-19
posted: 4946
promoted: 325
bookmarked: 206
歸隱山林
21subject: Promote 0 Bookmark 02009-08-19quote  

LGJ
他們的行距也是用 140%。微笑

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

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


cht關於本站
adm Find login register
views:54681