css - 从右到左语言的网站（阿拉伯语、希伯来语）

Question

我目前正在为 Django 项目开发多语言界面。但是当我开始研究阿拉伯语和希伯来语时，我注意到 dir="rtl" 到 html 标记之后的所有页面都搞砸了（根据http://www.w3.org/International/tutorials/bidi-xhtml/上的说明） )

这是否意味着我需要为从右到左的语言使用单独的样式表？

Answer 1

不要将样式属性放在 html 标记中。

dir='rtl'仅在您实际使用阿拉伯语和希伯来语的 div 内使用该属性。不适用于整个页面。

Answer 2

除了将 dir="rtl" 添加到标签之外，您还需要做的是翻转样式表。创建一个 rtl.css 样式表，该样式表将充当默认样式表的镜像。例如。如果您的 style.css 有以下规则：

.some-class { margin: 10px 5px 10px 7px; }

在 rtl.css 中，它会像这样翻转：

.some-class { margin: 10px 7px 10px 5px; }

检查这个：http ://rtl-this.com/tutorial/3-different-ways-rtl-your-css