CSS white-space
white-space:normal 是瀏覽器預設模式，多個空白會自動合併為一個空白，超過欄位寬度自動換行
這個在大部份的情況都沒什麼問題，但若資料的空白數是有差的就需留意了，
下面兩個 div 例子，一個沒有套 style，即預設是 white-space:normal，一個是用 style white-space:pre
原始碼 abc xyz 中間都是兩個空白
abc xyz (with no style, defult white-space:normal)
abc xyz (with style white-space:pre)
第一個例子，顯示成一個空白，複製出來也是一個空白，
第二個例子，使用 white-space:pre之後，才能讓原來的多空白保留原來的樣子， 複製出來也是一樣兩個空白
white-space:normal 並不會套用在輸入框 input 上，不然可能會造成一些問題
沒有留言:
張貼留言