html_table_colspan无法对齐的问题

正常情况, 如图所示:

当第3行,分别为3个td时,

第1行和第2行能够正常显示colspan的2列宽度。

 

---

异常情况, 如图所示:

当第3行改成colspan=3时,

第1行和第2行的宽度就不一样了,无法对齐！

 

---

解决方法, 如图所示:

给table加上table-layout: fixed;样式即可

理由: 

table-layout 用来显示表格单元格、行、列的算法规则。

table-layout 有三个属性值：auto、fixed、inherit。

fixed表示: 固定表格布局, 与单元里的内容无关