是 phrasing content 容器，允许嵌套 、、 等标准文本标签；其默认样式（如 加粗居中）可被 css 覆盖，但需注意 自带 margin 会撑高行高，应重置为 margin: 0 或改用 display: block 元素。
HTML 里没有“表格文本标签”这个东西——<table> 本身不是文本标签，而是结构容器；单元格里的内容，用的是标准文本标签，比如 <code><p></p>、<span></span>、<strong></strong>、<em></em>，甚至嵌套 <ul></ul> 或 @#@#@#@#@#@#@#@#@#@0 都是常规操作
<td> 和 <code><th> 对文本样式的影响
<p>默认行为会影响你对文本的控制：</p>
<ul><li><code><th> 会触发浏览器 UA 样式：<code>font-weight: bold + text-align: center（注意：不是居中对齐整个单元格，而是文本居中）
<td> 默认 <code>text-align: left，且无加粗，但可被 CSS 覆盖
<th> 里写了 <code><span>标题</span>，加粗依然生效；但若用了 font-weight: normal，就抵消了
常见踩坑：嵌套 <p></p> 导致意外垂直间距
很多人在 <td> 里写 <code><p>内容</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5117" title="HTML Extract"><img
src="https://img.php.cn/upload/skill/000/000/081/179033952939354.jpg" alt="HTML Extract" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="overflowclass">HTML Extract</a>
<p class="overflowclass">使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...</p>
</div>
<a rel="nofollow" href="/xiazai/skill5117" title="HTML Extract" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div> 后发现行高变大、上下留白多——这是因为 <p></p> 自带 margin（通常 1em），而表格单元格不会自动压缩它。
- 解决方法一：CSS 重置
td p { margin: 0; } - 解决方法二：不用
<p></p>，改用<div> 或 <code><span></span>+display: block - 特别注意：
<td> 内部不能嵌套 <code><div> + <code>display: table-cell，会破坏表格渲染流语义化建议：什么时候该用
<thead> / <code><tbody> 包裹文本？ <p>单纯为了“让文本更整齐”不用它们；但如果你的表格有明确表头+数据分离逻辑（比如后台列表、报表），就该用：</p> <ul><li><code><thead> 只放 <code><tr> <th>姓名</th> <th>邮箱</th> </tr>—— 这些文本代表列含义 <tbody> 放所有 <code><tr> <td>张三</td> <td>zhang@example.com</td> </tr>—— 纯数据文本- 好处：屏幕阅读器能识别结构；JS 操作时可精准选中数据区（如
document.querySelector('tbody tr')）
真正容易被忽略的是：表格单元格里的文本一旦嵌套了块级元素（尤其是 <p></p> 或 <div>），就可能影响 <code>vertical-align 行为或导致高度计算异常——别只盯着内容是否显示，要检查实际渲染高度是否符合预期。
