我发现我可以应用属性 Direction: rtl 来强制从右到左对齐:
https://www.w3.org/International/questions/qa-html-dir
它还提到 HTML5 支持方向:自动，基于用户的语言。由于我只懂英语，我可以在 chrome 配置中将浏览器设置为强制 RTL 布局:
chrome://flags/#force-ui-direction
但是，除非我编辑顶级元素的 css 以具有属性:direction rtl，否则我正在处理的页面布局不会更改。我的假设是否正确，如果您定义:
direction: auto
您的页面将根据用户选择的语言自动使用 rtl 或 ltr 元素对齐方式？如果是这样，为什么我上面的测试不起作用？
如果不是，如果用户语言是 rtl 语言，我如何有选择地包含direction: rtl？
最佳答案
我能想到的最好方法是使用 Javascript 来确定显示语言。如果您查看this post它描述了一个谷歌语言 API，可以为您提供所需的信息。
一旦检测到语言和类型，我就会向您的 body 元素添加一个类，您的 css 会监听该类以更改 ltr 或 rtl。
关于css - 如何测试CSS方向: auto as an english speaker，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44660362/