RTL和LTR图标定位

时间:2019-10-11 07:09:05

标签: css

我已经附上了下面的图像URL,因为我已经使用了下面的代码,但是我无法正确对齐图标。谁能帮我从右到左还原图像或特定图标的位置。

.icon-alignleft:before {
    content: "\e00a";
}

谢谢

enter image description here

3 个答案:

答案 0 :(得分:0)

一种方法是使用transform将装有图标的容器水平翻转。

export const environment = {
  production: true,
  baseUrl: 'https://example.com'
};

希望这会有所帮助。

答案 1 :(得分:0)

也许这会对您有帮助

(翻转图像/图标)

.icon-alignleft:before {
    content: "\e00a";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

答案 2 :(得分:0)

.rtl-icon {
  -webkit-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}