html - 结合 LTR 和 RTL 内容改变负数的方向

Question

这是我的 HTML 结构：

div{
  direction: rtl;
}

span{
  direction: ltr;
}

<div>
  <span>امروز -2</span>
  </div>

这是预期的结果：

如您所见，-符号应该出现在数字的开头。我怎样才能做到这一点？

注意：的方向div应该是rtl。

ٍ编辑：我生成这样的数字：

$sums_value = sprintf("%+d",$sums_value);

/* 
sums_value = -2 //=> -2
sums_value = 2  //=> +2

所以这个数字有正确的格式，但我不知道为什么它会在输出中被破坏：

score 10 · Accepted Answer

由于您的屏幕截图在不同的元素中有“-2”，span因此您可以unicode-bidi选择该特定跨度：

div{
  direction: rtl;
}

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

<div>
  امروز 
  <span>-2</span>
</div>

的一般想法unicode-bidi是能够在同一页面上有多种语言的情况下更改文本方向性的默认行为。

由于您使用的是一种RTL语言，并且您希望-2出现在中LTR，因此unicode-bidi: bidi-override非常方便。

score 3 · Accepted Answer

以下对我有用：

span {
  unicode-bidi: plaintext;
}

顺便说一下，'bidi' 是双向的缩写。

score 3 · Accepted Answer

您可以使用before 伪元素添加连字符。

q::before { 
  content: "-";
  color: blue;
}


<q>Some quotes</q>, he said.

将呈现为

-Some quotes, he said.

3 回答 3