表格列不推其他列？

Question

当我尝试增加输入标记的宽度时，是否有人知道表列是否有可能不推送其他列？我知道这可能违反了表的定义，但我想知道是否可能。

例如

我不希望消息输入推送发件人的地址栏。我尝试了绝对定位，但随后它弄乱了桌子的其余部分，所以我有点卡住了。

这是我的参考代码：

 <table class="main_table" align="center">
      <tr>
        <td>
          <p class="name_font">Sender's name</p>
        </td>
        <td>
          <p class="name_font">Sender's address</p>
        </td>
      <tr>
      <tr>
        <td>
          <input type="text" style="border:1px solid rgb(219, 215, 213); border-radius:4px; padding:10px;">
        </td>
        <td>
          <input type="text" style="border:1px solid rgb(219, 215, 213); border-radius:4px; padding:10px 20px 10px 10px;">
        </td>
      </tr>
      <tr>
        <td>
          <p class="name_font">Message (400 characters max)</p>
        </td>
      </tr>
      <tr>
        <td>
          <input type="text" class="message_box">
        </td>
      </tr>
      <tr class="test_row">
        <td>
          <p class="name_font">Recipient's name</p>
        </td>
        <td>
          <p class="name_font">Recipient's address</p>
        </td>
      </tr>
    </table>

谢谢你

Answer 1

使用td

中的colspan属性

替换此

<td>
    <p class="name_font">Message (400 characters max)</p >
</td>

到

<td colspan=2>
    <p class="name_font">Message (400 characters max)</p>
</td>