html - 表列不推其他列？

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

利用 colspan来自 td 的属性

替换这个

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

到

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