【问题标题】:Change css on Multi language website在多语言网站上更改 css
【发布时间】:2018-04-24 11:33:14
【问题描述】:
我使用 angular 4 和 ngx-translate 制作了一个双语网站。一个rtl,另一个ltr。如何更改语言更改时的文本方向和文本对齐方式?
我无法使用,因为我不知道如何在 angular 中更改此属性。
html:lang(en) h1{
text-align: left;
}
有什么方法可以针对style.css中的每种语言??
【问题讨论】:
标签:
angular
right-to-left
ngx-translate
left-to-right
【解决方案1】:
为了将从左到右的样式表转换为从右到左的样式表需要修改的内容:
更改html 标记,使其变为<html dir="rtl">。这会将整个文档的基本方向设置为从右到左。
当某些元素的margin-left 和margin-right 不相等时修改margin 的值。这同样适用于padding。
更改位置属性的值:left 和right。例如:ltr 文档中某个元素上的left: 200px 在rtl 文档中变为right: 200px。
之后,查看页面,看看您是否需要任何额外的小修改,例如box-shadow、text-shadow 等。
CSSJanus
您可以使用CSSJanus 为您完成上述第二步和第三步。但是,您需要自己执行<html> 步骤。
更多信息
访问 W3C 的 this page,回答问题:
我应该如何使用 dir 属性和相关标记来设置 HTML 中结构元素的文本方向?