<bdo>: 文字方向标签

最后更新：2026-10-13

<bdo>文字方向标签

双向覆盖元素，用 dir 属性强制指定其内部文字的书写方向（如把一段英文强制从右向左显示）。

<bdo dir="rtl">文字方向被覆盖</bdo>

该元素支持全局属性及以下专有属性：

属性	值	描述
`dir`		强制方向：ltr（左到右）或 rtl（右到左）。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<bdo>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： bdo 会“覆盖”周围语言的自然方向，常用于演示或特殊排版；日常用 bdi 更安全。

Qbdo 和 bdi 有什么区别？

A方向相反的工具：<bdo>（override）强制覆盖文字方向，即使内容本身是其他语言也按指定方向显示；<bdi>（isolate）只是隔离，内部方向由内容自动判断。需要「反着显示」用 bdo，需要「不受干扰」用 bdi。

Qbdo 的 dir 属性可以省略吗？

A不可以，dir 是 <bdo> 的必需属性（ltr 或 rtl），省略则元素没有意义。写法：<bdo dir='rtl'>text</bdo> 会让文字从右向左排列。

Qbdo 有什么实际用途？

A少见但有用：密码强度演示、镜像文字效果、调试双向文本算法、故意倒序展示（如游戏彩蛋）。常规多语言页面应该用 <dir> 属性或 <bdi>，bdo 属于特殊场景工具。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。