我使用 angular 4 和ngx-translate
. 一个rtl
和另一个ltr
。如何更改语言更改时的文本方向和文本对齐方式?
我不能使用,因为我不知道如何以角度更改此属性。
html:lang(en) h1{
text-align: left;
}
任何方式我可以针对每种语言style.css
?
我使用 angular 4 和ngx-translate
. 一个rtl
和另一个ltr
。如何更改语言更改时的文本方向和文本对齐方式?
我不能使用,因为我不知道如何以角度更改此属性。
html:lang(en) h1{
text-align: left;
}
任何方式我可以针对每种语言style.css
?
为了将从左到右的样式表转换为从右到左的样式表,您需要修改什么:
更改html
标签,使其变为<html dir="rtl">
. 这将整个文档的基本方向设置为从右到左。
当某些元素的 和不相等时修改margin
值。这同样适用于。margin-left
margin-right
padding
更改位置属性:left
和的值right
。例如:文档中的left: 200px
某个元素成为ltr
文档right: 200px
中的元素rtl
。
之后,查看页面,看看是否需要任何额外的小修改,如box-shadow
、text-shadow
等。
您可以使用CSSJanus为您完成上述第二步和第三步。但是,您需要自己执行该<html>
步骤。
访问W3C 的此页面,该页面回答了以下问题:
我应该如何使用 dir 属性和相关标记在 HTML 中的结构元素上设置文本方向?