title属性能实现浏览器原生纯文本气泡提示，鼠标悬停时在指针右下方显示浅黄色小框，但无样式控制、不支持换行/html、移动端基本失效；表格中常因空值、overflow截断或pointer-events拦截而不生效。
title属性能实现什么效果？
直接给 <td> 或 <code><th> 加 <code>title 属性，鼠标悬停时会显示系统级提示气泡（tooltip），内容为纯文本，无样式控制、无延迟配置、不支持换行或 HTML 标签。
这是浏览器原生行为，无需 JS，但也不可定制：不能加图标、不能设宽度、无法响应点击、移动端基本不触发。
为什么表格里title经常“不生效”？
常见原因有三个：
-
title值为空字符串或只含空格 —— 浏览器忽略渲染 - 单元格内容被
overflow: hidden截断且未设置white-space: nowrap—— 悬停时没内容可显示，气泡不出现 - 用了
pointer-events: none或父级遮挡（如绝对定位覆盖层）—— 鼠标事件被拦截
想换行或加粗文字怎么办？
title 不支持换行符 \n 或 HTML 标签，强行写 <br> 会被当纯文本显示。真要换行，只能用 Unicode 换行符
，但兼容性差（Firefox 支持，Chrome/Safari 多数版本不渲染）。
示例（仅 Firefox 可见两行）：
<td title="第一行 第二行">数据</td>
更稳妥的做法是放弃 title，改用 aria-label + 自定义 tooltip 组件，或用 data-tooltip 配合轻量 JS 控制显隐。
移动端用户根本看不到title气泡
绝大多数手机浏览器（包括 iOS Safari 和 Android Chrome）不响应 title 的悬停逻辑 —— 没有 hover 状态，自然不触发。少数安卓浏览器可能长按弹出，但行为不可控、无统一交互。
如果表格需在移动设备上提供辅助说明，必须另做方案：
- 把提示文字放进单元格内，用
<small></small>或font-size: 0.8em弱化显示 - 加一个
<button></button>触发 modal 或 popover - 用
aria-describedby关联隐藏的<div role="tooltip">，再配合 CSS <code>display: block / none切换别指望
title能跨平台一致工作，它只是桌面端的快捷补丁，不是真正的提示解决方案。
