變化方向

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 

所以數量有正確的格式，但我不知道爲什麼它會在輸出被打破：

Answer 1

因爲你的截圖有 「-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是非常方便的。

Answer 2

您可以使用before pseudo element添加連字符。

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


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

將呈現爲

-Some quotes, he said.