Html 如何更改负号位置

我有一个网站，它向两个方向显示它的内容。rtl和ltr

当页面处于ltr内容模式时，每个thins都正常，数字的左侧显示负号

body {
    direction: ltr;
}

例如：-1

但当page处于rtl模式时

body {
    direction: rtl;
}

数字的负号显示在数字的右边

例如：1-

然而，在这两种情况下，我想在数字的左边显示负号。我该怎么做？

---

谢谢。

将数字包装成

span

并更改方向似乎没有任何效果，如此小提琴所示：

然而，OP发现通过添加

内联块

并在span中写入

-

，解决方案有效。只是把它添加到这个答案中，这样它就可以尽可能的足智多谋。请查看评论和OP的答案以了解详细信息

direction: ltr;
display: inline-block; 

您可以随时使用一点JavaScript来解决这个问题。使用此脚本检测正文是否为rtl，并相应地进行更改（假设ltr是HTML中的默认值）：

---

完整的代码在这把小提琴中：

您可以在跨度中给出数字，并向ltr给出跨度方向，如：

<span class="nagativeVal">-1</span>

希望有帮助。

检查下面的代码

正文{
方向：rtl；
}
#试验{
方向：ltr；
文本对齐：右对齐
}

示例文本abc

-1
-1

将数字包装在span中，并向其中添加以下两个css：

direction: ltr;
display: inline-block;

---

我们也在我们的网站上支持这两个方向，并且有很多数字。我发现这更干净，因为有些情况我们不想更改：

display:inline block属性

解决方案：

div {
    direction: ltr;
    unicode-bidi: bidi-override;
}

有关属性和选项的更多信息
可以使用此选项

body {
  direction: rtl;
  unicode-bidi: plaintext;
}

包裹数字并更改css方向？如上所述，一个跨度就可以了！您还可以尝试在数字前面加上@skobaljic，答案是正确的。它的工作原理是添加跨距，然后更改方向，最后将显示更改为内联块。请回答这个问题，直到我标记为答案。谢谢。你自己做的，你也可以回答，我将投票，干杯。为什么ltr不够？
div {
    direction: ltr;
    unicode-bidi: bidi-override;
}

body {
  direction: rtl;
  unicode-bidi: plaintext;
}