table的td寬度設置在有內容的情況下失效

問題描述：在表格沒有填充內容的情況下，設置的百分數寬度是正確的，但是填充了內容就會失效，隨着內容增多而變寬。
解決：給table使用table-layout:fixed;屬性

table
  {
  table-layout:fixed;
  }

使用了這個屬性的話：
在固定表格佈局中，水平佈局僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距，而與單元格的內容無關。