表格式div標籤

Question

後不同我有一個像

<table> 
<tr> 
<td>Name</td> 
<td><Select ></select</td></tr> 
</table> 
<div> 
</div> 
<table> 
<tr> 
<td>Class</td> 
<td><select></select></td></tr> 
</table> 

表但是我看到表的DIV得到不同的格式後，相比於之前的div第一個表。

例如，如果我們在瀏覽器中看到它的樣子：

名稱----------選擇列表（​​）

分類 - 選擇組合

的格式化爲類的選擇組合是安靜的不同的，它比第一個表比較少的空間。我沒有應用任何樣式的表。

在表格中插入div是不可能的。 * 注：空間被指定 - *

Answer 1

你應該<tr>使用<td>;所以要儘量修改代碼以這樣的：

<table> 
    <tr> 
    <td>Name</td> 
    <td><Select></select></td> 
    <tr> 
</table> 
<div> 
</div> 
<table> 
    <tr> 
    <td>Class</td> 
    <td><Select></select></td> 
    <tr> 
</table> 

Answer 2

如果你不給你的表和列特定的寬度，他們僅會增長到其內容的大小

你應該使用CSS樣式它們：

解決您的標記並添加類：

<table> 
    <tr> 
    <td class="title">Name</td> 
    <td class="input"><Select ></select></td> 
    <tr> 
</table> 
<div></div> 
<table> 
    <tr> 
    <td class="title">Class</td> 
    <td class="input"><Select ></select></td> 
    <tr> 
</table> 

CSS

table {width:100%;} 
table .title, 
table .input {width:50%;} 

Example

但是我不得不說，表是對錶格數據，所以你真不該把斷路器格在那裏（甚至使用表作爲並不像表格數據）