Goston’s Blog

在調整了 Blog 的 CSS 加入了 letter-spacing 調整字距後, 在 Firefox 下顯示正常, 但剛剛用 IE 瀏覽時卻發現若有連續兩個 <br> 的換行出現時, 會有其中一個 <br> 被吃掉的問題。

將解決方法貼出來, 供有需要的人參考, 如下:

.entry .postItem {
  letter-spacing:2px;
  line-height:1.8em;
}

.entry .postItem br {
  letter-spacing:0em;
}

也就是再多一組強制將 <br> 的 letter-spacing 設為 0 即可。IE 在 CSS 上總是有許多奇妙的問題…

剛剛調整了一下站上的 CSS, 把文字的間距及行距加大。下面是調整前的樣子:

調整後成了這樣:

我相信調整後的版面, 閱讀時文字看起來是比較輕鬆的。