2021年7月24日 星期六

white-space:normal

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 上,不然可能會造成一些問題

沒有留言:

Protect static files with Apache mod_xsendfile

網頁中的 Static files,若要經過驗證才能存取, 以 PHP 為例, 第一種做法是將檔案放在 DocumentRoot 以外的目錄,程式先檢查驗證,然後再用 readfile 讀檔吐出去 第二種做法是本文要介紹的 mod_xsendfile,一樣是將檔案放在 Docum...