1

我使用 angular 4 和ngx-translate. 一个rtl和另一个ltr。如何更改语言更改时的文本方向和文本对齐方式?

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

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

任何方式我可以针对每种语言style.css

4

1 回答 1

1

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

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

  • 当某些元素的 和不相等时修改margin值。这同样适用于。margin-leftmargin-rightpadding

  • 更改位置属性:left和的值right。例如:文档中的left: 200px某个元素成为ltr文档right: 200px中的元素rtl

之后,查看页面,看看是否需要任何额外的小修改,如box-shadowtext-shadow等。

CSSJanus

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

了解更多信息

访问W3C 的此页面,该页面回答了以下问题:

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

于 2017-11-11T12:26:02.210 回答