Question

我想让这两张桌子放在一起。我尝试使用div但无法将它们并排放置。所以我尝试使用style="display: inline-block，但它不起作用。需要帮助。

＆＃13;

<form id="checkbox1" method="get" align="left">
  <table style="width:30%" align="left" style="display: inline-block;">

    <input type="checkbox" value="select" align="center" id="check1"> Calculate The Number of Head Count When Days Are Fixed<br>

    <tr>
      <td>Number of Days</td>
      <td class="left"><input type="text" id="numDays" /></td>
    </tr>

    <tr>
      <td>Head Count</td>
      <td class="left"><input type="text" name="hc" id="hc" /> Per Shift</td>
    </tr>

  </table>
</form>


<form id="checkbox2" method="get" align="left">
  <table style="width:30%" align="left" style="display: inline-block;">

    <input type="checkbox" value="select" align="center" id="check2"> Calculate The Number of Days When Head Counts Are Fixed<br>
    <tr>
      <td>Number of Head Count</td>
      <td class="left"><input type="text" id="numHeadC" /></td>
    </tr>

    <tr>
      <td>Number of Days</td>
      <td class="left"><input type="text" name="days" id="days" /> Days</td>
    </tr>

  </table>
</form>

＆＃13;

Answer 1

表格不是兄弟姐妹。您需要设置表单的样式，以便它们并排显示。

在表单元素上设置display: inline-block。

您还应该修正a validator将要接收的错误。

Answer 2

form{
width: 50%;
float: left;
padding: 0 15px;
}

HTML - 将两个不同的表放在一起

2 个答案: