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

站在用戶的角度思考問題，與客戶深入溝通，找到奎屯網站設計與奎屯網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站制作、成都做網站、企業官網、英文網站、手機端網站、網站推廣、域名注冊、虛擬主機、企業郵箱。業務覆蓋奎屯地區。

固定表格布局：
固定表格布局與自動表格布局相比，允許瀏覽器更快地對表格進行布局。

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

通過使用固定表格布局，用戶代理在接收到第一行后就可以顯示表格。

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

此算法有時會較慢，這是由于它需要在確定最終的布局之前訪問表格中所有的內容。

1、不設置td寬度的情況

不設置td寬度的時候，兩種布局都是一樣的展現形式，當然在table-layout為fixed的時候，不設置第一行的td的寬度是不友好的做法。

2、表頭單元格和行單元格寬度設置不一致情況

在table-layout為fixed的時候，會以表頭的為準；不設置的時候，哪個寬度大，以哪個為準（注意：在不設置fixed的情況下，如果有width設置的為百分比，那設置為px的寬度會被忽略，不會進行比較）。

3、兩行設置的td寬度不統一

不設置的時候，哪個寬度大，以哪個為準；在table-layout為fixed的時候，如果第一行有設置（包括thead里面的tr），那么以第一行為準，如果沒有設置，那么會自動排列，不管其他行怎么設置都不會改變寬度。

4、同一行的td寬度設置不同

在table-layout為fixed的時候，設置第一行的td，如果所有的td加起來寬度沒達到table設定的寬度，會自動排列，超過了情況，如果采用的是百分比，那依舊按照百分比計算比如(table設定的寬度/all)*width，如果是用的px，那會將表格寬度增加超過設置的寬度，對于最后一個td不設置，在前面設置的寬度沒有超過表格設置的寬度的時候，會自動排列，如果超過了，會在表格外（這種模式前面的單元格有優先權，會排擠后面的單元格）；

不設置的情況下，如果所有的td加起來寬度沒達到table設定的寬度，那依舊按照百分比計算比如(table設定的寬度/all)*width，如果超過，那么前面的基本能保持，最后一個td的寬度會被壓縮到很小很小，對于最后一個td不設置，在前面設置的寬度沒有超過表格設置的寬度的時候，會自動排列，如果超過了，和td加起來寬度超過table設定的寬度的情況一樣。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章名稱：表格單元格寬度-創新互聯
文章位置：http://vcdvsql.cn/article40/ggjeo.html

成都網站建設公司_創新互聯，為您提供用戶體驗、標簽優化、手機網站建設、企業建站、網站改版、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯