<tr>: 行标签
最后更新：2026-10-13
<tr>行标签
表格中的一行，内部由若干个 th（表头单元格）或 td（数据单元格）组成。
| 分类 | 表格 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </tr> 标签 |
| 状态 | 标准 |
📝 语法
<tr>
<td>单元格</td>
</tr>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <tr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： tr 只能出现在 thead、tbody 或 tfoot 内；把数据行放进 tbody 更利于脚本处理。
❓ 常见问题
Qtr 必须包在 tbody 里吗？
A源码可以不写（浏览器自动包隐式 tbody），但显式写出更可控：直接给 table 写
<tr> 后，JS 操作行、给行分组加样式时都要多绕一层。建议统一写 thead/tbody/tfoot 三段式。Qtr 的 display 可以改成 block 吗？
A可以但会破坏表格布局——tr 改 block 后单元格会失去表格排列，这是「响应式表格转卡片」技巧的基础，需要配合 td 的 data-label 和 ::before 显示字段名。普通场景不要动 tr 的 display。
Qtr 里能直接放文字吗？
A不能，
<tr> 的内容模型只允许 th/td/脚本支持元素，裸文字是无效 HTML——浏览器会把它丢到表格外。文字必须包进 <td> 或 <th>。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
