0

有谁知道当我尝试增加输入标签的宽度时，表格列是否可以不推送其他列？我知道这可能与表的定义背道而驰，但我想知道这是否可能。

例如在此处输入图像描述

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

这是我的参考代码：

 <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>

谢谢你

4

1 回答 1

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>
于 2013-10-22T03:35:50.120 回答