试图将表分成两列

我想要一张桌子分成两半，一部分在左边，另一部分在右边，但桌子一直留在一边。我想要输入字段排列列名，这就是为什么我想把它放在表中。试图将表分成两列

下面的屏幕截图显示了我想要完成的工作。

enter image description here

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

来源

2015-05-07 Kevin Sims

欢迎StackOverflow上。在创建代码片段时，请在添加代码后单击“修整”按钮。它正确地格式化代码并提高可读性。我也已将您的图片添加到问题中。当使用标签时，只需将鼠标悬停在标签名称上，并且如果您看到“不使用此标签”的任何标签，请避免对其进行标记（如本例中的**表**标签）。标签** tr **也不适用于此问题，因为它用于* nix实用程序。我认为你是新的，你不知道这些。 – Harry

像这样的事情？

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>

来源

2015-05-07 01:18:40

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

试图将表分成两列

回答

相关问题