不能。ruby是为注音设计的语义容器，仅支持上标或右标位置，无法实现旁批所需的横向偏移、多段落、换行、嵌套及独立定位，且会破坏可访问性与语义结构。
ruby标签能直接做古文旁批吗
不能。ruby 是为注音设计的语义容器，不是旁批（即侧边文字解释）的通用排版工具。它只支持上标（横排）或右标（竖排）位置，且浏览器强制将 rt 渲染在基字紧邻区域，无法横向偏移、换行展示长解释，也不支持多段落、列表或嵌套结构。
为什么用ruby写旁批会出问题
常见错误现象包括：rt 内容被截断、换行后错位到下一行开头、iOS Safari 中完全不显示、屏幕阅读器误读为发音而非释义。根本原因是旁批需要独立定位与内容自由度，而 ruby 的 DOM 结构和渲染逻辑严格绑定“一对一基字-注音”关系。
-
rb必须存在且包裹单个字符，无法容纳「疏」「正义」「集解」等多字批注标题 -
rt不支持br、p、ul等块级元素，纯文本换行靠空格或 - 加
position: absolute或float会切断ruby的语义关联，TTS 工具跳过rt，CSSruby-align失效 - 多字基文（如「《论语》」）强行塞进一个
ruby，会导致所有rt只对最后一个字生效
真正适合古文旁批的替代方案
用语义清晰、样式可控、无障碍友好的组合：标准 HTML + CSS 定位 + 可选 JS 增强。
- 基础结构用
span包裹原文词句，再用aside或带role="note"的div存放批注，通过data-target关联 - CSS 用
position: relative在原文容器上设定位上下文，批注position: absolute; top: 0; right: 100%; width: 20em;实现右侧悬停 - 响应式场景下，用
@media (max-width: 768px)将批注转为下方块级展开，避免遮挡 - 若需点击展开/收起，用
details/summary最轻量——无需 JS，语义正确，支持键盘操作
如果坚持用ruby，只能妥协成什么效果
仅限极简单字训诂，例如「道」，但必须接受以下限制：
- 每个字单独一层
ruby，批注长度控制在 10 字以内，否则溢出不可控 - 必须显式写
rb，不能省略；rt内禁用标点外的任何 HTML 标签 - CSS 强制重置：
ruby { ruby-align: center; } rt { font-size: 0.65em; line-height: 1.2; }，否则 Safari 和旧安卓 WebView 会左对齐或撑高行距 - 不要指望它替代「疏」「笺」「集解」体系——那是出版级排版，
ruby的能力边界就在字级发音锚定
古文批注的复杂性不在标记本身，而在语义层级与呈现自由度。硬套 ruby 就像用螺丝刀敲钉子：能动，但每次都会崩角。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
