解決Table td設置了相同百分比，因爲文字個數不一樣致使列寬不一樣問題

問題：上圖中紅色與黃色背景的列都是設置了一樣的百分比寬度，可是因爲黃色列的文字內容比紅色的多，致使table在展現時寬度不一

解決方法：

    將table加上屬性  table-layout:fixed;    搞定

緣由：

w3school文檔中的說明以下

定義和用法

tableLayout 屬性用來顯示錶格單元格、行、列的算法規則。

固定表格佈局：

固定表格佈局與自動錶格佈局相比，容許瀏覽器更快地對錶格進行佈局。

在固定表格佈局中，水平佈局僅取決於表格寬度、列寬度、表格邊框寬度、單元格間距，而與單元格的內容無關。

經過使用固定表格佈局，用戶代理在接收到第一行後就能夠顯示錶格。

自動錶格佈局（默認）：

在自動錶格佈局中，列的寬度是由列單元格中沒有折行的最寬的內容設定的。

此算法有時會較慢，這是因爲它須要在肯定最終的佈局以前訪問表格中全部的內容。

說明

該屬性指定了完成表佈局時所用的佈局算法。固定佈局算法比較快，可是不太靈活，而自動算法比較慢，不過更能反映傳統的 HTML 表。