February 21,2006

如何調整上下段的字間距?!

這篇教學文,距離最後一篇有超過半年了耶 =0=

我也沒想過自己會再發教學文 ^^"
可是因為又發現了一個不錯的語法,我在想‧‧會不會有人也會很想知道呢?

若是你已經知道這個語法也不要緊
如果你是那個不知道卻又想知道的朋友,希望能對你有所幫助 ^_^

請大家進入 CSS
然後找出「main.」「comment-body」
注意看其中的語法,應該會有一個 LINE-HEIGHT: 200% 的語法
( 不一定在這兩個,但是以這兩個作講解的範例 )

如果你想要本文 ( 即 日記 ) 的上下段文字段落能夠空大一點,那麼就把「main.」的此語法數字調高
若你是想要讓回應留言內的上下段文字段落能夠空大一點,那麼就把「comment-body」的此語法數字調高

觀看解說圖

還是不懂的朋友可以進入解說圖觀看

我用藍色圈圈起來的地方,並不是空一行,而是用語法讓第一行跟第二行的文字段落變大

我想‧‧這樣解釋,大家應該就能了解我在說什麼了吧 ^_^

Posted by happy1211230 at 樂多Roodo! │23:22 │回應(19)Miss. 分享
樂多分類:藝術/設計 共同主題:部落格觀察 工具:編輯本文
Ads by Roodo! 
回應文章
忽然看到聯播跑出來還著實嚇了我一跳呢~

雖然這個語法目前還用不到
不過 還是謝謝你的分享唷~
Posted by 瑜兒 at February 22,2006 09:19
感覺還滿不賴的資訊!
Posted by 柳橙 at February 22,2006 11:47
● 瑜兒
呵 ~ 嚇到妳啦 ^^"
我也的確是很久沒出現了
很感謝瑜兒還有聯播我的部落咧

●柳橙
或許已經有人知道了
但是我也一直是到昨天才弄出來
已經有一陣子沒有碰樂多的 CSS 了
希望這個新的發現能給需要的人幫助 ^_^
Posted by 版主 at February 22,2006 15:49
哈囉~
line-height 是行高的意思,
letter-spacing 才是字與字的間距唷,
但是你的解說圖是對的 XD
Posted by Floria at February 23,2006 14:51
● Floria
呵呵 ^^"
我不曉得原來那叫行高
我指的是上下段的字間距
--
待會兒再改,謝謝 Floria 的提醒唷 ^_^
對了,Floria 知道我是誰嗎?
Posted by 版主 at February 24,2006 00:26
知道啊,我從Eda那連過來的唷。
Posted by Floria at February 24,2006 00:31
● Floria
嗯 ^_^ 謝謝 Floria
我有太多窟了 =0=
Posted by 版主 at February 24,2006 12:55
無意間逛回來,發現版型換了!
這我才真的嚇到...
Posted by 小椷..* at February 26,2006 19:44
從一開始摸blog就從妳這發現不少東西,讓我對blog更加熟悉...也間接造福了很多的朋友~
引用了很多妳的文章~也希望妳別介意~
Posted by eathanlee at March 1,2006 13:31
好久不見你的新文章了,最近好嗎?
Posted by March at March 1,2006 17:07
● eathanlee
嗯‧不會啦!如果你有來告訴我一聲,我並不會介意 ^_^
寫這些教學文,本來就是要造福大家的
雖然老是覺得自己寫的還不夠好,了解的不夠多
但是對於一些簡單的,應該能幫上大家
剩下的,只能靠大家自己去摸索囉

● March
呵 ^^" sorry.
一直都沒有出現,可是我一直都要回應大家的留言呢
最近不錯丫!轉換自己的心情以後,我覺得事事順利呢
Posted by 版主 at March 2,2006 15:07
● 小椷..*
呵 ~ 謝謝大家都會游回來看我呢 ^_^
Posted by 版主 at March 2,2006 15:12
因為我之後也把fc2那個關了,
看日文真的很不方便。

我留了我無名的,目前只剩這個有在更新。:]*
Posted by 小椷..* at March 2,2006 21:04
● 小椷..*
哦 ~ 呵!!
我當初用 fc2 也是頭昏眼花呢 ^^"
不過無可否認的是‧‧fc2 的版面的確是很吸引人
--
OK!!
我會把你的網誌加入我的連結滴 ^_^
Posted by 版主 at March 4,2006 15:41
hello MAN
LINE-HEIGHT: 200%
其中200%是字尺寸的百分比
Posted by jon at March 7,2006 15:42
● jon
謝謝 jon 的解說唷 ^_^
Posted by 版主 at March 17,2006 02:47
請問要如何不要顯示全部的文章內容
而是像你的首頁只顯示文章的前幾句
然後後面跟著繼續閱讀的link內
CSS裡可以設定嗎??
朋友說我的文章降拖很長 嗚嗚
我有試過在CSS裡的blogbody限制文章欄位的大小
不過降子好像不行 文章會擠在一起
Posted by artone at April 12,2007 13:45
調整字距對於閱讀者來說,其實是有很大的幫助的,如果大家都能用點心思在這種細節的話,對於網友來說,閱讀文章會更加舒適…

觀迎參觀我們的網頁設計網站設計喔^^
Posted by 網頁設計 at September 5,2009 12:36

謝謝!會讓讀者閱讀起來較不吃力,較輕鬆。
Posted by alin at December 8,2009 13:51