Question

我正在使用Bootstrap 3和i18next库制作一个webapp，以支持多种语言。

当从LTR语言切换到RTL语言时，在Firefox中，所有单词都会切换并对齐到右侧，但在Chrome中，单词会被翻译，但不能正确对齐，而标点符号则是错误的一面

有没有理由dir =＆＃34; auto＆＃34;标签不能在Chrome中正常显示RTL语言吗？

Answer 1

这似乎是Chrome中的一个错误，它与Bootstrap 3无关。

当您的rtl文本在新行上开始时会发生这种情况：

<p dir="auto">
الف    
</p>

但是，如果您将文本内联，那么它可以正常工作。

<p dir="auto">الف</p>

不知何故，Chrome认为该行返回为第一个强势角色并决定从左到右。但是当您将文本内联时，第一个强字符会被识别并正确呈现。

Answer 2

right: auto overrides right: 0

.dir_rtl #main_search_wrapper {
   right: auto;
   left: 0;
}