奇怪的知识又增加了

[OldCarMan]

今天无意间触发了这个问题，输入“pumkin”时，左边输入框的内容会突然自动往右对齐,一开始以为是 bug

• 无聊看了下像是一个样式覆盖的问题，不过好奇，为啥简单的一个单词会导致这种页面渲染差异？

然后看了两个词（"pumkin","pumpkin"）的数据返回结果(见下，非常规格式)，主要是多了这个"بمكن"?

• pumkin:

  363 [["wrb.fr","MkEWBc","[[\"بمكن\",null,\"ar\",[null,6],null,null,[\"pumkin\",\"auto\",\"zh-CN\",true]],[[[null,\"Nǐ kěyǐ\",null,null,null,[[\"你可以\",null,null,null,[[\"你可以\",[7],[]],[\"您可以\",[7],[]],[\"你能\",[7],[]]]]]]],\"zh-CN\",1,\"ar\",[\"pumkin\",\"auto\",\"zh-CN\",true]],\"ar\"]",null,null,null,"generic"],["di",43],["af.httprm",42,"-9384610829427403826",5]] 25 [["e",4,null,null,428]]

• pumpkin:

  383 [["wrb.fr","MkEWBc","[[null,null,\"fi\",[[[0,[[[null,7]],[true]]]],7],[[\"pumpkin\",null,null,7]],null,[\"pumpkin\",\"auto\",\"zh-CN\",true]],[[[null,\"Nánguā\",null,null,null,[[\"南瓜\",null,null,null,[[\"南瓜\",[7],[]],[\"瓜\",[7],[]]]]]]],\"zh-CN\",1,\"fi\",[\"pumpkin\",\"auto\",\"zh-CN\",true]],\"fi\"]",null,null,null,"generic"],["di",67],["af.httprm",67,"9482603507392058431",3]] 25 [["e",4,null,null,431]]

后面一查才发现阿拉伯语是从右到左排版的，甚至在浏览器的编辑窗口里内容是阿拉伯语时，光标左右切换都是相反的。

所以好奇各位大前端 ers （包括各种客户端开发者），平时是怎么统一（优雅）解决这种特殊需求的？😂

[Aloento]

完全没有这种需求，但是有各种库

[westoy]

[...document.all].forEach(el=>el.style.direction='rtl')

[OldCarMan]

哈哈，忘记说了，本人非前端开发者。
@Aloento @westoy
主要是排版问题只需要换个方向就行了吗？会不会有兼容性问题或者美观上受影响之类的？

[xiaoxiaoming01]

https://ant.design/components/overview/?direction=rtl