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

您可以使用The CSS table model

以下是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 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>

如何在表中包含div

4 个答案: