我有这个代码:
<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>
我希望能够在不替换整个表格的情况下用标签替换表格单元格。有没有办法做到这一点？我可以只替换一行，而不是整个表格。
我正在尝试创建一个标题行，其中包含改编自 this 的可选标签教程。 谢谢。
最佳答案
我知道这不是解决方案，但它不适合发表评论。
这不是有效的 html。浏览器将首先解析您的 html 代码。
因为 div 不是 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 代码没有预期的结果。
为什么要使用标签，th 和 thead 行不行？
关于html - 混合搭配表格元素和表格样式元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15227700/