试图将表拆分为两列答案

【问题标题】：Trying to split table into two columns试图将表拆分为两列
【发布时间】：2015-05-09 13:27:36
【问题描述】：

我试图把一张桌子分成两半，一部分在左边，另一部分在右边，但桌子一直在一边。我希望输入字段将内联列名对齐，这就是我尝试将其放入表中的原因。

下面的截图显示了我想要完成的事情。

<fieldset class="Application">
  <Legend>
    <h2>Owners, Officers, Partners Information</h2>
  </legend>
  <table>

    <tr>
      <tr>
        <td>

          <tr>
            <td>Name:</td>
            <td>
              <input type="text" name="ownname" size="10" />
            </td>
          </tr>
          <tr>
            <td>Title:</td>
            <td>
              <input type="text" name="title" size="10" />
            </td>
          </tr>
          <tr>
            <td>Percentage Held:</td>
            <td>
              <input type="text" name="percent" size="10" />
            </td>
          </tr>
          <tr>
            <td>Street:</td>
            <td>
              <input type="text" name="ownstreet" size="10">
            </td>
          </tr>
          <tr>
            <td>City-State-Zip:</td>
            <td>
              <input type="text" name="owncity" size="10" />
            </td>
          </tr>
          <tr>
            <td>SSN:</td>
            <td>
              <input type="text" name="SSN" />
            </td>
          </tr>
        </td>
      </tr>
      <tr>
        <td>
          <tr>
            <td>Name:</td>
            <td>
              <input type="text" name="ownname" size="10" />
            </td>
          </tr>
          <tr>
            <td>Title:</td>
            <td>
              <input type="text" name="title" size="10" />
            </td>
          </tr>
          <tr>
            <td>Percentage Held:</td>
            <td>
              <input type="text" name="percent" size="10" />
            </td>
          </tr>
          <tr>
            <td>Street:</td>
            <td>
              <input type="text" name="ownstreet" size="10">
            </td>
          </tr>
          <tr>
            <td>City-State-Zip:</td>
            <td>
              <input type="text" name="owncity" size="10" />
            </td>
          </tr>
          <tr>
            <td>SSN:</td>
            <td>
              <input type="text" name="SSN" />
            </td>
          </tr>
        </td>
      </tr>
    </tr>

  </table>
</fieldset>

【问题讨论】：

欢迎来到 StackOverflow。创建 sn-p 时，请在添加代码后点击“整理”按钮。它正确地格式化代码并提高可读性。我还将您的图片添加到问题中。使用标签时，只需将鼠标悬停在标签名称上，如果您看到任何标签的“请勿使用此标签”，请避免标记它（如本例中的 table 标签）。标签 tr 也不适合这个问题，因为它用于 *nix 实用程序。我想你是新手，所以不知道这些。

标签： html html-table fieldset

【解决方案1】：

这样的？

table {
  width: 100%
}

<fieldset class="Application">
  <table>
    <legend>
      <h2>Owners, Officers, Partners Information</h2>
    </legend>
    <tr>
      <td>

        <tr>
          <td>Name:</td>
          <td>
            <input type="text" name="ownname" size="10" />
          </td>
          <td>Name:</td>
          <td>
            <input type="text" name="ownname" size="10" />
          </td>
        </tr>
        <tr>
          <td>Title:</td>
          <td>
            <input type="text" name="title" size="10" />
          </td>
          <td>Title:</td>
          <td>
            <input type="text" name="title" size="10" />
          </td>
        </tr>
        <tr>
          <td>Percentage Held:</td>
          <td>
            <input type="text" name="percent" size="10" />
          </td>
          <td>Percentage Held:</td>
          <td>
            <input type="text" name="percent" size="10" />
          </td>
        </tr>
        <tr>
          <td>Street:</td>
          <td>
            <input type="text" name="ownstreet" size="10">
          </td>
          <td>Street:</td>
          <td>
            <input type="text" name="ownstreet" size="10">
          </td>
        </tr>
        <tr>
          <td>City-State-Zip:</td>
          <td>
            <input type="text" name="owncity" size="10" />
          </td>
          <td>City-State-Zip:</td>
          <td>
            <input type="text" name="owncity" size="10" />
          </td>
        </tr>
        <tr>
          <td>SSN:</td>
          <td>
            <input type="text" name="SSN" />
          </td>
          <td>SSN:</td>
          <td>
            <input type="text" name="SSN" />
          </td>
        </tr>
      </td>
    </tr>
  </table>
</fieldset>

【讨论】：

非常感谢你对我想做的事情有很大帮助