我在撰寫 Blog 某篇文章時，
因為知道會用到很多全形、半形的空格，
所以該篇文章有特地加入 <pre> ... </pre> 的語法，
但用不同瀏覽器觀看時，
排版會稍微跑掉一些，沒辦法完全對齊，
(二個半形空格大小，不見得等於一個全形空格？
或一個半形空格大小，也不見得等於一個英文/數字字元？)
請問有什麼辦法，可以讓不同使用者觀看時一致嗎？
該篇文章：http://f5j.twbbs.org/2010/11/99_28.html
--
測試結果：
若以 Google Chrome 為基準，則...
Windows XP SP3 下，
Google Chrome 7.0.517.44，正常
Internet Explorer 8 ，數字與數字稍微偏移，不能對的很正，
Mozilla Firefox 3.6.12 ，標題會偏掉(或者說數字沒向標題看齊)
Safari 5.0.3 ，正常，效果似乎與 Google Chrome 一樣～
Opera 10.63 ，歪的比較嚴重些...
原本以為作業系統應該不影響，後來試了，結果如下...
Ubuntu 10.04 LTS - Lucid Lynx 下，
Google Chrome 6.0.472.63，只有合計會跑掉
Mozilla Firefox 3.6.10 ，除了合計外，其他ok
Opera 10.62 ，微亂，但比 Windows 下，好多了
--
◤██▉█▊▋▌█◣ ▉
http://f5j.twbbs.org ▎∥◤ ▊ ▎▎▊██▋
▍ ▄ ▍█
▎▆███▄▉▉◤
㊣ Copyright 2002/10~11 f5j.bbs＠ptt.cc, ◥█ . ▄◤
Taipei, Taiwan. All rights reserved. ▆▄ ▄ f5j
※ 編輯: f5j 來自: 203.73.66.14 (11/29 14:38)
推 tingyang:用table啊 11/29 15:18
→ uranusjr:和字型設定也有關啊 11/29 15:46
→ b0339576:同一樓 用表格排版比較好唷 11/29 16:21
→ Lovetech:請在標題按大寫T 將分類改成 [Blogger] 謝謝 11/29 18:53
推 jtmh:應該是跟預設字型有關，有些字型 (如細明體) 兩個半形空白會 11/29 22:04
→ jtmh:和一個全形空白同寬，但有些就不會 (如新細明體)。 11/29 22:05
→ Dionisio:換成舊版編輯器。 11/29 23:01
All Comments