<table width="100%" id="tablefirst" style= "margin-bottom:2px; margin-top:2px; font-family: 宋体,SimSun; font-size: 11px;font-weight:bold;"> <tr > %20 </tr> <tr > <td colspan='8' ><img width="100%" height="2" style="float: center;" src=':/images/black.png'/></td> </tr> %16 </table>中<tr > <td colspan='8' ><img width="90%" height="2" style="float: center;" src=':/images/black.png'/></td> </tr>宽度无法占满全屏

根据你提供的代码，我发现你已经将图片的宽度设置为了 100%，但是在第三行代码中，你仍然将单元格的 colspan 设为了 8，这可能导致单元格宽度无法充满整个表格。

你可以将第三行代码修改为：

<tr>
  <td colspan='2'></td>
  <td colspan='4'><img style="width: 100%;" src=':/images/black.png'/></td>
  <td colspan='2'></td>
</tr>

这样可以将单元格分成左右两部分，中间部分宽度为图片宽度，可以占满整个表格，同时左右两边的单元格也可以占满剩余的空间。

修改后的完整代码如下所示：

<table width="100%" id="tablefirst" style="margin-bottom:2px; margin-top:2px; font-family: 宋体,SimSun; font-size: 11px; font-weight:bold;">
  <tr>
    <td colspan='8' style="text-align:center;">%20</td>
  </tr>
  <tr>
    <td colspan='2'></td>
    <td colspan='4'><img style="width: 100%;" src=':/images/black.png'/></td>
    <td colspan='2'></td>
  </tr>
  <tr>
    <td colspan='8' style="text-align:center;">%16</td>
  </tr>
</table>

希望这个解决方案能够帮助到你。