CSS:table-layout

來源:互聯網
上載者:User
table-layout有兩個值可以設定,預設的是 auto

  • auto :  預設的自動演算法。布局將基於各儲存格的內容。表格在每一儲存格讀取計算之後才會顯示出來。速度很慢。
  • fixed :  固定式配置的演算法。在這演算法中,水平布局是僅僅基於表格的寬度,表格邊框的寬度,儲存格間距,列的寬度,而和表格內容無關。

為了讓表格版面配置固定住,我們需要table-layout:fixed。假設沒有fixed,把你的解析度減小到一定程度,你會發現white-space: nowrap是不會生效的。

技巧:為了使表格能夠適應液態布局(liquid layout,即延展性),不建議你為表格設定絕對寬度,使用相對寬度如百分比是不錯的選擇。另外,把寬度相對固定的內容(比如時間格式)格設定絕對寬度,非固定的內容格不設定任何寬度,只需給予其設定white-space: nowrap,雖然在小解析度的情況下會溢出,但依據某些觀點看來,這比折行更美觀。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.