如何在表格中包含div

Question

我打算將div放在table標記內，但它不起作用。

<table> 
<div id="account" style="border: 1px solid red;"> 
    <tr> 
     <td>ایمیل قبلی:</td> 
     <td><input type="text" name="oldmail" /></td> 

     <td>ایمیل جدید:</td> 
     <td><input type="text" name="newmail" /></td> 

     <td>ایمیل تایید:</td> 
     <td><input type="text" name="newmail2" /></td> 
    </tr> 
    <tr> 
     <td>پسورد قبلی:</td> 
     <td><input type="text" name="oldpass" /></td> 

     <td>پسورد جدید:</td> 
     <td><input type="text" name="newpass" /></td> 

     <td>پسورد تایید:</td> 
     <td><input type="text" name="newpass2" /></td> 
    </tr> 
</div> 
</table> 

http://jsfiddle.net/uJSuR/

我怎樣才能解決呢？

謝謝。

Answer 1

http://jsfiddle.net/uJSuR/1/

<table id="account" style="border: 1px solid red;"> 
    <tr> 
     <td>ایمیل قبلی:</td> 
     <td><input type="text" name="oldmail" /></td> 

     <td>ایمیل جدید:</td> 
     <td><input type="text" name="newmail" /></td> 

     <td>ایمیل تایید:</td> 
     <td><input type="text" name="newmail2" /></td> 
    </tr> 
    <tr> 
     <td>پسورد قبلی:</td> 
     <td><input type="text" name="oldpass" /></td> 

     <td>پسورد جدید:</td> 
     <td><input type="text" name="newpass" /></td> 

     <td>پسورد تایید:</td> 
     <td><input type="text" name="newpass2" /></td> 
    </tr> 
</table> 

或把你的tr的風格，這是對你要完成的有點不清楚。

tr { 
    border: 1px solid red; 
} 

Answer 2

其實一些搜索後，我知道我應該改變div標籤tbody標籤。 感謝您的回答。

Answer 3

你可以使用The CSS table model

這裏有

table { display: table } 
tr  { display: table-row } 
thead { display: table-header-group } 
tbody { display: table-row-group } 
tfoot { display: table-footer-group } 
col  { display: table-column } 
colgroup { display: table-column-group } 
td, th { display: table-cell } 
caption { display: table-caption } 

Answer 4

您可能希望這樣的事情相當於HTML元素的CSS屬性（從上面的w3.org鏈接）：

<table> 
    <tr id="account" style="border: 1px solid red;"> 
    <td> 
     <table> 
     <tr> 
      <td>ایمیل قبلی:</td> 
      <td><input type="text" name="oldmail" /></td> 
      <td>ایمیل جدید:</td> 
      <td><input type="text" name="newmail" /></td> 
      <td>ایمیل تایید:</td> 
      <td><input type="text" name="newmail2" /></td> 
     </tr> 
     <tr> 
      <td>پسورد قبلی:</td> 
      <td><input type="text" name="oldpass" /></td> 

      <td>پسورد جدید:</td> 
      <td><input type="text" name="newpass" /></td> 

      <td>پسورد تایید:</td> 
      <td><input type="text" name="newpass2" /></td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
</table>