正常情况, 如图所示:
当第3行,分别为3个td时,
第1行和第2行能够正常显示colspan的2列宽度。
异常情况, 如图所示:
当第3行改成colspan=3时,
第1行和第2行的宽度就不一样了,无法对齐!
解决方法, 如图所示:
给table加上table-layout: fixed;样式即可
理由:
table-layout 用来显示表格单元格、行、列的算法规则。
table-layout 有三个属性值:auto、fixed、inherit。
fixed表示: 固定表格布局, 与单元里的内容无关