css html 表格布局:如何实现三列平分,两列第二列占三分之二,单列占满?
在使用 HTML 和 CSS 进行表格布局时,有时我们需要实现特殊布局,如三列平分,其中第二列占三分之二,第三列占满。
实现方法:
我们可以使用 td 元素的 colspan 属性来达到此目的。colspan 属性指定一个单元格的列数。通过将 colspan 设置为 2,我们可以将第二列跨越两个单元格。剩余的第三列将自动占满剩余空间。
代码示例:
立即学习“前端免费学习笔记(深入)”;
| 列 1 | 列 2 | 列 3 | |
效果:
- 列 1 宽度为 33%。
- 列 2 跨越两列,宽度为 66%。
- 列 3 占满剩余空间,宽度为 100%。











