dir="auto" 适用于 Firefox 但不适用于 chrome

【问题标题】：dir="auto" works in firefox but not chromedir="auto" 适用于 Firefox 但不适用于 chrome
【发布时间】：2014-07-26 14:09:50
【问题描述】：

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

从 LTR 语言切换到 RTL 语言时，在 Firefox 中，所有单词都会切换并向右对齐，但在 Chrome 中，单词会被翻译，但不会向右对齐，并且标点符号之类的东西在错误的一侧。

dir="auto" 标签在 Chrome 中不能正常显示 RTL 语言是否有原因？

【问题讨论】：

【解决方案1】：

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

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

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

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

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

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

【讨论】：

【解决方案2】：

right: auto overrides right: 0

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

【讨论】：