如何不让 dir='rtl' 发送特殊字符，如 . / + 到左侧？

Question

当我尝试向 div 添加文本（div 具有 dir = RTL）时，它会将内容移到右侧。但是，它保留了特殊字符，如 . / + 到左侧，如果它们是句子的最后一个字符。

例子：

<dir dir="RTL">Hello There!</dir>

输出将是： !Hello There

任何人都可以帮助解决这个问题吗？

Answer 1

您需要使用<bdi>（双向文本）标签来包装您的文本，请参阅这篇文章

<div dir="RTL">
   <bdi>
      Hello There!
   </bdi>
</div>

更多bdi来自 MDN

不幸的是，这仅在 Chrome 和 FireFox 中受支持。

正如Jukka 所提到的，这将有效地实现与右对齐文本相同的效果，在这种情况下，您应该这样做。

有关示例列表，请参见此处