html - 在不使用colspan的情况下强制HTML表中的行上升到表边界

我有一个html表，其中td元素的宽度指定为表宽度的百分比。但是，其行包含不同数量的td元素（请参见下面的玩具示例）。结果是，td元素较少的行无法到达表的右边界-末尾有一个空格，并且列宽显示不正确。是否可以不使用colspan来解决此问题？基本上，我只希望行直达表格边界，并且它们包含的单元格具有由其百分比宽度指定的边界。我想避免使用colspan，因为我通常会担心它会变得非常复杂，并且从概念上讲我的问题很简单。

<html>
 <head>
  <meta charset="utf-8"/>
 </head>
 <body>
  <table border="1" width="100pt">
   <tr>
    <td width="25%">
     A1
    </td>
    <td width="75%">
     A2
    </td>
   </tr>
   <tr>
    <td width="100%">
      B1
    </td>
   </tr>
  </table>
 </body>
</html>

这给了我

但是我想要的是：

在不使用colspan的情况下强制HTML表中的行上升到表边界

0 个答案: