頑固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
- CSS white-spaceCSS
- 你太忙の
- 求解 LCA の方法
- 晚上の決心
- c# の 事件C#事件
- c# の datetimeC#
- 區分 word-wrap/word-break/white-space
- iconfontのsymbol的使用Symbol
- MyBatisPlusの效率與提升MyBatis
- 六等星の夜
- create table,show tables,describe table,DROP TABLE,ALTER TABLE ,怎麼使用?
- 頑皮狗到底做錯了什麼?
- 徹底搞懂word-break、word-wrap、white-space
- 春小麥の找人神器
- JS拾荒の字串JS字串
- JavaScript の querySelector 使用說明JavaScript
- 網路直播亂象咋這麼“頑強”?
- 舉例說說你對white-space屬性的理解
- table
- LeetCode のminimum-depth-of-binary-treeLeetCode
- 並查集の進階用法並查集
- 【canvas】動畫原理の胡克定律Canvas動畫
- 迴歸の一些想法
- 康託の複習筆記筆記
- display:flex佈局下white-space:nowrap失效問題解決Flex
- MySQL:Analyze table導致'waiting for table flush'MySqlAI
- 經點永固:鎖固小元件 杜絕大問題元件
- word-wrap、word-break和white-space有什麼區別?
- Sparse Table
- 二次元遊戲的三大頑疾二次元遊戲
- PHP非字母數字の程式碼PHP
- 【恐怖の演算法】 掃描線演算法
- 【恐怖の演算法】 揹包DP演算法
- DuiLib逆向分析の按鈕事件定位UI事件
- TCN 一維預測の筆記筆記