在多语言网站上更改 css

Question

我用 angular 4 和 ngx-translate 制作了一个双语网站。一个 rtl 和另一个 ltr。如何更改语言更改时的文本方向和文本对齐方式？

我无法使用，因为我不知道如何在 angular 中更改此属性。

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

有什么方法可以在 style.css 中针对每种语言？

Answer 1

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

更改 html 标签，使其变为 <html dir="rtl">。这将 整个文档 的基本方向设置为从右到左。
当某些元素的margin-left和margin-right不等于时修改margin值。这同样适用于 padding.
更改 头寸属性的值：left 和 right。例如：ltr 文档中某些元素的 left: 200px 在 rtl 文档中变为 right: 200px。

之后，查看页面，看看是否需要任何额外的小修改，如 box-shadow、text-shadow 等

您可以使用CSSJanus为您完成上面的第二步和第三步。但是，您需要自己执行 <html> 步骤。

访问 W3C 的 this page，它回答了问题：

How should I use the dir attribute and related markup to set text direction on structural elements in HTML?

Change css on Multi language website