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

问题描述

我有一个 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>

这给了我

但我想要的是：

标签： htmlhtml-table

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

问题描述

解决方案

推荐阅读