頑固TABLEのtable-layout/white-space
進軍web時,雖然佈局已棄傳統table佈局,但是需要資料量很大體現的時候仍需要table。
fixed : 固定佈局的演算法。在這演算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關。
為了讓表格佈局固定住,我們需要table-layout:fixed.假設沒有fixed,把你的解析度減小到一定程度,你會發現white-space: nowrap是不會生效的。
技巧:為了使表格能夠適應液態佈局(liquid layout,即可伸縮性),不建議你為表格設定絕對寬度,使用相對寬度如百分比是不錯的選擇。另外,把寬度相對固定的內容(比如時間格式)格設定絕對寬度,非固定的內容格不設定任何寬度,只需給予其設定white-space: nowrap,雖然在小解析度的情況下會溢位,但依據某些觀點看來,這比折行更美觀。
如果是屬於我自己能控制的東西,我是不會要white-space: nowrap的,讓使用者能夠清晰地看到內容,也許此時比美觀更重要。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/25261409/viewspace-1058012/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- macOS 移除頑固印表機資訊Mac
- 巧用系統控制檯刪除死頑固病毒(轉)
- 巧妙利用系統控制檯刪除死頑固病毒(轉)
- bat批處理徹底刪除0KB頑固檔案BAT
- 跟遺留程式碼打交道:幹掉頑固漏洞的簡單方式
- mac系統怎麼獲取最好許可權刪除頑固檔案?Mac
- 關於Mac系統如何獲取最好許可權刪除頑固檔案?Mac
- win10系統免費升級倒數計時 微軟提醒“頑固派”快升級Win10微軟
- 如何利用Windows7檔案許可權管理工具刪除頑固檔案Windows
- CSS white-spaceCSS
- CSS文字:white-space(轉)CSS
- 你太忙の
- c# の 事件C#事件
- 晚上の決心
- c# の datetimeC#
- Binuxの雜貨鋪UX
- Appium使用のhelloworldAPP
- 六等星の夜
- 固態硬碟:最新SSD固態硬碟解析硬碟
- 網路直播亂象咋這麼“頑強”?
- 區分 word-wrap/word-break/white-space
- 【canvas】動畫原理の胡克定律Canvas動畫
- iconfontのsymbol的使用Symbol
- JS拾荒の字串JS字串
- MyBatisPlusの效率與提升MyBatis
- 二次元遊戲的三大頑疾二次元遊戲
- 徹底搞懂word-break、word-wrap、white-space
- 經點永固:鎖固小元件 杜絕大問題元件
- JavaScript の querySelector 使用說明JavaScript
- 康託の複習筆記筆記
- 並查集の進階用法並查集
- IT技術者の募集要項
- 迴歸の一些想法
- 固態硬碟SSD硬碟
- PHP非字母數字の程式碼PHP
- TCN 一維預測の筆記筆記
- 拆分Table 為Partition Table
- 用white-space解決文章標題列表換行問題