表格Table宽度设置无效的解决方法
在对设置表格设置table-layer:fixed样式后,发现表格中有一行合并过,其它没有合并的行的列宽会平均化,对列宽的设置会失效。
请看如下代码:
提示:您可以先修改部分代码再运行
如果把表格的合并行去掉,又能正常显示。
原因:
table-layout: fixed 的表格,各列宽度由第一行决定,后面指定的宽度会被忽略。
你第一行合并了,所以各列宽度均分了。
解决方法:
在tbody前加
<col style="width: 60%" />
<col style="width: 20%" />
<col style="width: 20%" />
提示:您可以先修改部分代码再运行