默認(rèn)情況下是auto。如果不設(shè)置寬度，則隨機(jī)分布寬度與高度。

table-layout: auto

• 一行只有單個(gè)格子被賦值時(shí)
  如果單個(gè)格的寬度設(shè)計(jì)大于表格寬度,則該寬度并不會(huì)生效。并且隨機(jī)分布寬度與高度。
  **eg: **
  table為width:400px;
  td為witdh:1000px;

• 一行有多個(gè)格子被賦值時(shí)
  如果分別給表格的某一行的單元格賦值。即使賦值大于表格的總寬度，這時(shí)會(huì)按百分比來(lái)分割這一行。
  eg:
  table的width:400px;第一個(gè)td為witdh:1000px，第二個(gè)td為witdh:1000px。如果在只有2個(gè)單元格的情況下，2個(gè)單元格是按比例分布。1000/1000+2000=1/3，2000/1000+2000=2/3。則第一個(gè)單元格子占該行的1/3長(zhǎng)度，第二個(gè)單元格占該行的2/3長(zhǎng)度。
  另外： 如果這時(shí)有第三個(gè)格子，但是沒有設(shè)置寬度的話，則無(wú)法顯示出來(lái)，另外兩個(gè)格子仍然按照上面的規(guī)則呈現(xiàn)。

• 格子內(nèi)有圖片
  如果圖片的寬度大于格子/表格，格子寬度都會(huì)被自動(dòng)撐開
  

  （白色區(qū)域?yàn)閠able的width）

如果設(shè)置了white-space: nowrap;屬性（即文本不換行），格子寬度也會(huì)被撐開

table-layout: fixed

格子被賦值后，如果賦值的總值＜表格的總值
1）賦值的格子數(shù)＜當(dāng)行的格子數(shù)
**eg: **這一行一共有3個(gè)格子，只有2個(gè)格子被賦值。分別是15%,250%,15%。則剩下的位置會(huì)被空著

2 )賦值的格子數(shù) = 當(dāng)行格子數(shù)
**eg: **這一行一共有3個(gè)格子分別是15%,50%,15%。多余出來(lái)的20%的寬度則會(huì)按15：25：15即3：5：3的比例分別分入3個(gè)格子內(nèi)

3）賦值的格子數(shù) > 當(dāng)行格子數(shù)
eg: 這一行一共有3個(gè)格子，但是實(shí)際上用了5個(gè)單元格，且只有前3個(gè)格子被賦值15%,50%,15%，則多余的格子會(huì)自行分布寬度與高度。而且還存在文本不能撐開單元格但是會(huì)超出單元格的情況

格子被賦值后，如果賦值的總值=表格的總值
則按照賦值來(lái)分配每個(gè)格子的寬度
1）賦值的格子數(shù)＜當(dāng)行的格子數(shù)
按照上面的情況（1）來(lái)處理

2 )賦值的格子數(shù) = 當(dāng)行格子數(shù)
根據(jù)賦值來(lái)劃分

3）賦值的格子數(shù) > 當(dāng)行格子數(shù)
多余的格子將會(huì)在超出表格，在表格外顯示，但是不會(huì)撐破表格

• 格子被賦值后，如果賦值的總值>表格的總值
  1 )如果賦值是px的話，則格子會(huì)完全按賦值來(lái)分布，內(nèi)容會(huì)撐開格子
  
  （白色區(qū)域?yàn)閠able的width）
  2）如果是百分比，則按格子的寬度直接的比例，按比例分布

如果設(shè)置了white-space: nowrap;屬性（即文本不換行），格子寬度不會(huì)被撐開，但是文字會(huì)超出到表格以外

（白色區(qū)域?yàn)閠able的width）

總結(jié)：####

• 格子被撐開的情況：
  1 ) 在默認(rèn)情況下，設(shè)置了white-space: nowrap;
  2）在默認(rèn)情況下，單元格中的圖片寬度大于單元格的寬度
  3）某些預(yù)設(shè)格式

  
  
  
  

  （白色區(qū)域?yàn)閠able的witdh）
  4）在設(shè)置了table-layout: fixed的情況下，用px為單位賦值，且單元格的總width > table 的width

  
  

• 內(nèi)容超出了格子的情況：
  1）設(shè)置了table-layout: fixed的情況下，還設(shè)置了white-space: nowrap;
  

  （白色區(qū)域?yàn)閠able的witdh）