首页 文章

如何测试CSS方向:auto作为英语使用者

提问于
浏览
1

我看到我可以应用属性方向: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 回答

  • 1

    我能想到的最好的方法就是使用Javascript来找出显示语言 . 如果你查看this post它描述了一个谷歌语言API,它可以为您提供所需的信息 .

    一旦检测到语言和类型,我就会在你的body元素中添加一个类,你的css会监听来改变ltr或rtl .

相关问题