CSS可以用來控制表格的布局和樣式。其中,設定表格寬度是表格布局的一個比較重要的方面。下面將詳細介紹基于CSS如何來設定表格寬度。
/* css控制表格寬度的技巧有很多種。 下面介紹幾種比較常用的方法。 */ /* 1. 設置表格寬度為百分比 */ table { width: 100%; } /* 2. 使用固定寬度 */ table { width: 800px; } /* 3. 使用最小/最大寬度 */ table { min-width: 500px; max-width: 800px; } /* 4. 使用CSS Grid布局 */ table { display: grid; grid-template-columns: 1fr 1fr 1fr; } /* 5. 使用CSS Flexbox布局 */ table { display: flex; justify-content: space-between; } /* 6. 使用CSS Table布局 */ table { display: table; width: 100%; }
要想得到符合需求的表格寬度,還需要根據實際情況綜合運用上述方法。