位于HTML表中间的div

我有一个带有标题的HTML表格：

<table width="100%" align="center" rules="cols" frame="box" cellpadding="5" cellspacing="5">
<tr>
    <td width="" align="center"><strong><img src="/includes/images/padlock_closed.png" width="14px" /></strong></td>
    <td width="20px"><strong><input type="text" class="search" name="ticketnumber" placeholder="Ticket #" size="6" onkeyup="showUser(this.value)" /></strong></td>
    <td width="50px"><strong>Contact</strong></td>
    <td width="200px"><strong>Summary</strong></td>
    <td width="40px"><strong>Category</strong></td>
    <td width="30px"><strong>Open Date</strong></td>
    <td width="30px"><strong>Last Modified</strong></td>
    <td width="30px"><strong>Assigned To</strong></td>
</tr>

联系方式
摘要
类别
开放日期
上次修改的
分配给

我正在创建一个live PHP/MySQL搜索脚本，我需要一个div来显示结果，但我想在这些标题下显示它们

我试着加上：

<div id="result">
'rest of HTML Table here...'
</div>

</table>

'这里是HTML表的其余部分…'

但是它没有以正确的格式正确显示表格

---

如何使用div使其正确显示？

您不应该使用

，您应该有一个使用

标记的标题行（而不是像当前那样使用

，然后在

中为每一行使用

标记的数据行）

更新：带有

的示例：

---

“显示不正确”是什么意思？给我们一个JSFIDLE！在我希望表中的默认内容位于目录中之后，您不能将表的一部分包装在div.move中，然后当搜索发生时，它将替换所有默认内容并替换为搜索结果。我不想成为“使用CSS”的学究，但最好使用CSS对于表格样式，例如，

text align:center

属性而不是

align=center

。您是否有一个示例，请参阅此处以获取正确的标记：查看我刚刚链接到的示例，在第一行数据之前（标题行正下方）有一个重复的

。您不需要重复的

，否则它很好。所以使用而不是？我会使用css

类而不是
id
，因为毫无疑问，您将有多行数据，因此有多个
。您可以根据w3定义将所有结果数据
封装在
标记中，以便在应用时保存将css类添加到所有数据行：
<table>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tbody>
        <tr>
            <td>Row 1 column 1 data</td>
            <td>Row 1 column 2 data</td>
        </tr>
        <tr>
            <td>Row 2 column 1 data</td>
            <td>Row 2 column 2 data</td>
        </tr>
    </tbody>
</table>

tbody { color: blue; }