在3列表的前2列中心？

Question

我的表有2行3列，后跟提交按钮。我希望提交按钮位于前2列的中心，而是位于3列的中心。如何将其置于前2列中？

＆＃13;

＆＃13;

<table>
  <tr>
    <td align="right">Label 1:</td>
    <td align="left"><input type="text" name="input1"></td>
    <td> <a href="alink">a link</a></td>
  </tr>
  <tr>
    <td align="right">Label 2:</td>
    <td align="left"><input type="text" name="input2"></td>
  </tr>
  <tr>
    <td colspan="3" align="center"><input type="submit" name="submit"></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

正如评论中所提到的，您在最后一行中需要三列，将前两列与colspan合并。另外，请勿使用已弃用的align属性。

＆＃13;

＆＃13;

.center {
  text-align: center;
}

＆＃13;

<table>
  <tr>
    <td align="right">Label 1:</td>
    <td align="left"><input type="text" name="input1"></td>
    <td> <a href="alink">a link</a></td>
  </tr>
  <tr>
    <td align="right">Label 2:</td>
    <td align="left"><input type="text" name="input2"></td>
  </tr>
  <tr>
    <td colspan="2" class="center"><input type="submit" name="submit"></td>
    <td>&nbsp;</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;