試圖將表分成兩列

我想要一張桌子分成兩半，一部分在左邊，另一部分在右邊，但桌子一直留在一邊。我想要輸入字段排列列名，這就是爲什麼我想把它放在表中。試圖將表分成兩列

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

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

非常感謝你對我試圖做的事情有很大的幫助 –

試圖將表分成兩列

回答

相關問題