在多语言网站上更改css

时间:2017-11-11 09:19:49

标签: angular right-to-left ngx-translate left-to-right

我使用角度4和ngx-translate创建了一个双语网站。一个rtl,另一个ltr。如何更改语言更改时文本和文本对齐的方向?

我无法使用,因为我不知道如何以角度更改此属性。

html:lang(en) h1{
    text-align: left;
}

我可以用任何方式定位style.css中的每种语言吗?

1 个答案:

答案 0 :(得分:1)

为了将从左到右的样式表转换为从右到左的样式表,您需要修改的内容:

  • 更改html代码,使其变为<html dir="rtl">。这会将整个文档的基本方向设置为从右向左。

  • 当某个元素的marginmargin-left 不等于时,修改margin-right值。这同样适用于padding

  • 更改排名属性的值:leftright。例如:left: 200px文档中某些元素的ltrright: 200px文档中变为rtl

之后,请查看该页面,看看是否需要进行任何其他小修改,例如box-shadowtext-shadow等。

CSSJanus

您可以使用CSSJanus为您执行上述第二步和第三步。但是,您需要自己执行<html>步骤。

了解更多信息

访问W3C的this page,回答问题:

  

我应该如何使用dir属性和相关标记在HTML中的结构元素上设置文本方向?