bdo 的 dir 属性仅支持 ltr 和 rtl，auto 无效；因其设计目标是强制覆盖默认方向判断，必须明确指定方向，不可交由浏览器自动推断。
bdo 标签的 dir 属性只有两个有效取值：ltr 和 rtl，auto 不被支持——这是最容易出错的地方。
为什么 dir="auto" 在 bdo 里无效
bdo 是“bidirectional override”（双向文本覆盖）元素，设计目标就是**强制覆盖浏览器默认方向判断**。所以它必须明确指定方向，不能交由浏览器自动推断。auto 只在普通元素（如 div、p）的 dir 属性中合法，用在 bdo 上会被忽略或导致不可预期渲染。
- 浏览器遇到
<bdo dir="auto">שלום</bdo>，实际按ltr渲染（即从左到右显示“שלום”，字母顺序错乱） - W3C 规范明确要求
bdo的dir为必需属性，且仅接受ltr或rtl - 若内容语言方向不确定，应改用
dir="auto"在外层容器上，再配合bdo按需包裹具体片段
bdo dir="rtl" 的典型使用场景
主要用于强制反转一段已知为 LTR 内容的显示顺序（比如嵌入的英文、数字、代码），或确保 RTL 文本严格按视觉顺序排布，不受周围上下文影响。
- 阿拉伯语/希伯来语文档中插入一串拉丁字母缩写：
<bdo dir="ltr">API</bdo>，避免被整体 RTL 环境拉偏 - 调试双向文本渲染问题时，用
<bdo dir="rtl">abc123</bdo>快速验证是否真按“321cba”显示 - 密码输入框旁显示方向提示文字，需与输入框方向严格一致，用
bdo避免受父级dir继承干扰
和普通 dir 属性的关键区别
普通元素的 dir 是“方向提示”，而 bdo 的 dir 是“方向指令”——它不参与 Unicode 双向算法的层级计算，直接跳过逻辑顺序，只管视觉排列。
- 普通
<p dir="rtl">Hello عالم</p>：浏览器按 Unicode Bidi 算法决定 “Hello” 和 “عالم” 如何穿插排布 -
<bdo dir="rtl">Hello عالم</bdo>：不管内容是什么，字符一律倒序显示（视觉上变成 “ملعا olleH”） - DOM 中读取
bdoElement.dir返回字符串，但设置为非法值（如"auto"）后，.dir读取仍可能返回旧值，需用getAttribute("dir")确认真实属性值
真正要注意的是：用 bdo 不是为了解决语言方向问题，而是为了绕过方向算法——一旦误用，反而会让多语言混排更难预测。能用 CSS direction + unicode-bidi: embed 解决的，就别碰 bdo。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
