css 带括号的RTL中奇怪的chrome行为

cbwuti44  于 2023-04-01  发布在  其他
关注(0)|答案(1)|浏览(119)

我不知道这是一个bug还是一个功能,或者在Chrome修复之前是否可以轻松修复。

div {
  font-size: 25px;
  text-align: center;
  margin: 20px;
}
<html lang="en-US" dir="rtl">
  <body>
    <div>test1 (12)</div>
    <div>test1 (12) &nbsp;</div>
    <div>test1 (12) test2</div>
    <div>test1 (t)</div>
  </body>
</html>

这是我看到的:

Chrome版本73.0.3683.86(正式构建)(64位)(Windows 10)

eit6fx6z

eit6fx6z1#

这个问题与谷歌Chrome如何解析RTL语言的特殊字符有关

const label = 'طالب(ة)'
const openingTag = '\u202B(';
const closingTag = ')\u202C';
const computedLabel = label.replace(/\)/g, closingTag).replace(/\(/g, openingTag);

相关问题