解決html中 在不同瀏覽器中占位大小不統一的問題

 

直接在html文檔中使用 來表示空格，在不同瀏覽器中的占位大小是不一樣的.

為什么呢，因為不同瀏覽器默認的字體是不一樣的，不同字體下的空格表示 占位大小不一致.

這就好辦了嘛，我們對 指定使用同樣的字體就能讓 顯示同樣的占位了.

經過測試，當指定Times New Roman字體時，各瀏覽器都支持良好，每4個 顯示的占位是一個漢字字符，而使用宋體或黑體則不能達到目的.

即：

　　

<span style="font-family:'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;</span>

 

 

表示一個漢字字符的占位.

例子：

　　.

效果如下：

　　

嗯，效果很好，成功實現對齊.

ps:此方法不對html文檔造成其他影響，不需修改編碼方式，缺點就是要嵌套標簽，匿.

                        -----------------------原創，轉載請把本文鏈接附上 http://www.cnblogs.com/suspiderweb/