html - 如何在表格中包含一个 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

你可以使用CSS 表格模型

这是与 css 属性等效的 Html 元素（来自上面的 w3.org 链接）

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 2

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 3

实际上经过一些搜索后，我知道我应该将div标签更改为tbody标签。谢谢您的回答。

Answer 4

你可能想要这样的东西：

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