星期四, 11月 29, 2007
星期四, 11月 29, 2007

https://rhinohorns.blogspot.com/2007/11/1-line-height.html
樣版修改筆記 (1) - line-height

近在修改文章日期顯示時發現的排版問題,由於大部分的 Blogger 樣版皆會於 <body> 的 css 中設定「 line-height 」較原本的標準行距高一些,內文顯示起來會較易讀。不過當有些區塊是使用大字體的話,Firefox 上看不出有什麼偏差,但是 IE6、IE7 上就會出現如下右圖文字被行距截掉的情況。

sample_lineHeightCut00  sample_lineHeightCut

所以此時的解決方式就是在該區塊所使用的 css 中加上 line-height 設定,可以將其先改為 100% 試試顯示出來的畫面是否就是想要的視覺效果。

0 意見: