html - LTR と RTL コンテンツの組み合わせで負数の方向を変更する

Question

これが私のHTML構造です：

div{
  direction: rtl;
}

span{
  direction: ltr;
}

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

これは期待される結果です:

ご覧のとおり、-符号は番号の先頭にある必要があります。どうやってやるの？

注:の方向はであるdiv必要がありますrtl。

ٍEDIT：私はこのような番号を生成します：

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

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

したがって、数値は正しい形式ですが、出力で壊れる理由がわかりません。

score 10 · Accepted Answer

spanスクリーンショットには別の要素に「-2」があるためunicode-bidi、その特定のスパンでオプションを選択できます。

div{
  direction: rtl;
}

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

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

の一般的な考え方はunicode-bidi、同じページに複数の言語がある場合に、テキストの方向性のデフォルトの動作を変更できるようにすることです。

言語を使用していて、をに表示しRTLたい場合、は非常に便利です。-2LTRunicode-bidi: bidi-override

score 3 · Accepted Answer

before 疑似要素を使用してハイフンを追加できます。

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


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

としてレンダリングされます

-Some quotes, he said.

3 に答える 3