0

我有这个代码：

<style>
tr, .bar{
    display: table-row;
}
th, td, .pcell{
    display:table-cell;
    border: black solid 1px;
}
</style>
<body>
    <table>
        <div class="bar">
            <label class="pcell">Stuff</label>
            <label class="pcell">moose</label>
        </div>
        <tr>
            <td>Other Stuff</td>
            <td>cow</td>
        </tr>
        <tr>
            <div class="pcell">More Stuff</div>
            <td>chicken</td>
        </tr>
    </table>
</body>

我希望能够在不替换整个表格的情况下用标签替换表格单元格。有没有办法做到这一点？我可以只替换一行，而不是整个表。

我正在尝试使用改编自本教程的可选标签创建标题行。谢谢。

4

1 回答 1

1

我知道这不是一个解决方案，但它不适合评论。

这不是有效的 html。浏览器将首先解析您的 html 代码。因为 adiv不是 的有效子级，table或者tr浏览器试图纠正这一点，并做了一些魔术。例如，在 chrome 中，这个 html 代码将被转换为：

<div class="bar">
     <label class="pcell">Stuff</label>
     <label class="pcell">moose</label>
</div>
<div class="pcell">More Stuff</div>

<table>
    <tr>
        <td>Other Stuff</td>
        <td>cow</td>
    </tr>
    <tr>
        <td>chicken</td>
    </tr>
</table>

因为你的css代码没有预期的结果。

你为什么要使用标签，而不是 a thandthead工作？

于 2013-03-05T15:37:28.563 回答