【问题标题】: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-leftmargin-right 不相等时修改margin 的值。这同样适用于padding

    • 更改位置属性的值:leftright。例如:ltr 文档中某个元素上的left: 200pxrtl 文档中变为right: 200px

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

    CSSJanus

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

    更多信息

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-07-23
      • 1970-01-01
      • 2017-11-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多