/* 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%; }
要想得到符合需求的表格宽度,还需要根据实际情况综合运用上述方法。