通过LTR和RTL内容的组合改变负数的方向

2023-11-26

这是我的 HTML 结构:

div{
  direction: rtl;
}

span{
  direction: ltr;
}
<div>
  <span>امروز -2</span>
  </div>

这是预期结果:

enter image description here

如你所见,-符号应出现在数字的开头。我怎样才能做到这一点?

Note:的方向div应该rtl.


ٍEDIT:我这样生成该数字:

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

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

所以数字的格式正确,但我不知道为什么它会在输出中被破坏:

enter image description here


由于您的屏幕截图在不同的位置有“-2”span你可以的元素是unicode-bidi该特定跨度的选项:

div{
  direction: rtl;
}

span{
  direction: ltr;
  unicode-bidi: bidi-override;
}
<div>
  امروز 
  <span>-2</span>
</div>

总体思路是unicode-bidi是能够更改同一页面上有多种语言的文本方向性的默认行为。

由于您正在使用RTL语言,并且您想要-2出现在LTR, the unicode-bidi: bidi-override非常方便。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过LTR和RTL内容的组合改变负数的方向 的相关文章

随机推荐