: 双向隔离标签

最后更新：2026-09-12

<bdi>双向隔离标签

双向隔离元素，将其中的文本当作独立片段处理方向（LTR/RTL），避免用户名、评论等混入周围文字的方向。

<bdi>用户名</bdi>

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

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

提示： bdi 与 dir=auto 类似但更强——它创建隔离边界，适合展示不可控的用户内容。

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

Web-Tutorial 技术团队

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