仅使用 css 在文本中设置位置波斯字母

Question

我有这样的文字：

我想在 div 中显示此文本 (36 و 534 12)

如果为 div 设置direction: rtl，则文字显示如下

如果为 div 设置direction: ltr，则文本显示如下

如何仅使用 css 在我的 div 中显示此文本，如第一张图片？

Answer 1

使用left-to-right 标记应该可以解决它。

<div>36 و‎ 534 12</div>

Answer 2

您可以使用方向标记

对于 LTR：‎

对于 RTL：‏

只有这样我才能让他站起来

<div style="direction: rtl">‎534 12<span> و </span>36</div>

<div style="direction: rtl">‎534 12 و ‏36</div>

<div style="direction: rtl">After text <div style="display: inline;">‎534 12 و‏36</div> Before text</div>

Answer 3

与回答的 54ka 相同，但它甚至可以通过删除跨度来工作，无论如何...... 你能解释一下你为什么使用方向性标记吗:)

<div style="direction: rtl">‎534 12 و 36</div>

<div style="direction: rtl">&#x200E;534 12 و 36</div>

Answer 4

如果 36 和 534 12 是差异部分，则可以使用单独的元素进行样式设置。