HTML 按钮填充剩余宽度

Question

我不是 HTML 专家，只是偶尔做一些有趣的编码。我试图完成的是让“td”中的按钮填充剩余宽度，尽可能简单。

<table width="100%">
<tr>
  <td>My Text</td>
  <td>
    <input name="x" id="y" type="text" size="4" maxlength="4" />
    <input type="button" onclick="..."  value="BlaBla" />
  </td>
</tr>
<tr>
  <td>Other Text</td>
  <td>
    <input name="xx" id="yy" type="text" size="20" />
    <input type="button" onclick="..."  value="MoreBlaBla" />
  </td>
</tr>
</table>

我尝试过宽度 100%，但这给了我一条额外的线。我检查了一些答案，例如 Help with div - make div fit the remaining width在这里，但由于我不是 HTML 专家，所以它变得太复杂了。我想有一个非常简单的解决方案。

Answer 1

好吧can be done使用 JavaScript，但看起来不太好。

右对齐、固定宽度的按钮 looks better恕我直言。