我看到我可以应用属性方向:rtl强制从右到左对齐:
https://www.w3.org/International/questions/qa-html-dir
它还提到HTML5支持方向:auto,基于用户语言 . 由于我只懂英文,我可以将浏览器设置为在chrome配置中强制RTL布局:
铬://标志/#力的UI方向
但是我正在处理的页面布局没有变化,除非我编辑顶级元素的css以获得属性:direction rtl . 如果您定义:我是否正确
direction: auto
您的页面将根据用户选择的语言自动使用rtl或ltr元素对齐?如果是这样,为什么它不能从我上面的测试中发挥作用?
如果没有,我如何有选择地包括方向:rtl只有用户语言是rtl语言?
1 回答
我能想到的最好的方法就是使用Javascript来找出显示语言 . 如果你查看this post它描述了一个谷歌语言API,它可以为您提供所需的信息 .
一旦检测到语言和类型,我就会在你的body元素中添加一个类,你的css会监听来改变ltr或rtl .