多语种网站和rtl方向-最佳实践[关闭]

我们要做的是在php中声明一些参数,比如:

SIDE : right
OPOSIDE : left
DIR : rtl
OPODIR : ltr

对于每个站点语言。

我们只处理一个css文件和一个带div的模板,

比如:

float : {SIDE}
...

网站会把属于他的css文件拿走。

现在,您可以使用css框架来实现这一点,如: 更少,蓝图, XCC

因为我在双向网站上做了很多工作,所以我要告诉你这方面的最佳实践(从我的观点来看),这几乎就是 @Haim Evgi

• Bi App Sass
• Bi App Less

我将演示如何使用Sass预处理器;我的工具 bi-app-sass

简单的想法是创建三个文件(基本上,它们可以根据需要增长…)

app-ltr.scss    // ltr interface to be compiled
app-rtl.scss    // rtl interface
_app.scss       // private file where you will write your styles (won't be compiled)

在里面 app-rtl.scss 包括以下内容

@import 'bi-app-rtl';
@import 'app';

app-ltr.scss

@import 'bi-app-ltr';
@import 'app';

现在你要做的就是把你的风格写进去 _app.scss 但这里唯一的区别是 right/left 值,您需要使用自定义的mixin来编写它们,如下所示。。

.foo {
  display: block;
  @include float(left);
  @include border-left(1px solid white);
}

app-rtl.css & app-ltr.css

希望有帮助:)

• Internationalization Best Practices: Handling Right-to-left Scripts in XHTML and HTML Content

只要在CSS中的任何地方都不指定text direction=ltr,就CSS问题而言,在body类中设置它就足够了。

在ltr语言中朝一个方向移动的代码在rtl语言中朝相反的方向移动。