頑固TABLEのtable-layout/white-space

livedba發表於2012-04-26

進軍web時,雖然佈局已棄傳統table佈局,但是需要資料量很大體現的時候仍需要table。

fixed : 固定佈局的演算法。在這演算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關。
 
  為了讓表格佈局固定住,我們需要table-layout:fixed.假設沒有fixed,把你的解析度減小到一定程度,你會發現white-space: nowrap是不會生效的。
 
  技巧:為了使表格能夠適應液態佈局(liquid layout,即可伸縮性),不建議你為表格設定絕對寬度,使用相對寬度如百分比是不錯的選擇。另外,把寬度相對固定的內容(比如時間格式)格設定絕對寬度,非固定的內容格不設定任何寬度,只需給予其設定white-space: nowrap,雖然在小解析度的情況下會溢位,但依據某些觀點看來,這比折行更美觀。
如果是屬於我自己能控制的東西,我是不會要white-space: nowrap的,讓使用者能夠清晰地看到內容,也許此時比美觀更重要。

[@more@]

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/25261409/viewspace-1058012/,如需轉載,請註明出處,否則將追究法律責任。

相關文章