博客讨论了HTML表格中colspan宽度对齐问题。正常情况下，特定行的td能正常显示colspan的列宽，但当某行改成colspan=3时，其他行宽度无法对齐。解决办法是给table添加table-layout: fixed;样式，因为该属性可规定表格单元格等的算法规则。
正常情况, 如图所示:
当第3行,分别为3个td时,
第1行和第2行能够正常显示colspan的2列宽度。
异常情况, 如图所示:
当第3行改成colspan=3时,
第1行和第2行的宽度就不一样了,无法对齐！
解决方法, 如图所示:
给table加上table-layout: fixed;样式即可
理由:
table-layout 用来显示表格单元格、行、列的算法规则。
table-layout 有三个属性值：auto、fixed、inherit。
fixed表示: 固定表格布局, 与单元里的内容无关
扫一扫
3717
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
