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

沒有留言:

scrcpy - Android Screen to PC/Mac

scrcpy 是一個開源 Android 鏡射工具,可以透過 adb 介面,將 Android 的畫面鏡射到 PC 或 Mac, 是透過有線,可以有較低的延遲 它不止是畫面鏡射而已,可以從 PC/Mac 控制手機 下載及安裝 1. 開啟 USB 偵錯 2. 接上傳輸線 (選檔...