HTML table合并行列后 使用百分比设置列宽

无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。

表格中有一行合并过，其它没有合并的行的列宽会平均化,所设置的style="width: 60%"并不会起作用，对列宽的设置会失效。

table-layout: fixed 的表格，各列宽度由第一行决定，后面指定的宽度会被忽略。

你第一行合并了，所以各列宽度均分了。

解决方法：在<table>之后添加代码：

<col style="width: 60%" /><col style="width: 20%" /><col style="width: 20%" />

例如：

<tablestyle="width: 100%; height: 100%; table-layout: fixed; word-break: break-all;">//重点<col style="width: 15%" /><col style="width: 85%" /><tr><tdstyle="width: 100%; height: 60px;"colspan="2">01</td></tr><tr ><td style="border: 2px solid black;"><div id="dtree"></div></td><td style="width: 85%; border: 2px solid black;"><iframe id="ifrWorkSpace" name="ifrWorkSpace"></iframe></td></tr><tr><td style="width: 100%; height: 40px;" align="center" colspan="2" >&copy 0516</td></tr></table>