gpt4 book ai didi

html - 基于RTL方向的Bootstrap模板——FLIP HORIZONTAL

转载 作者:行者123 更新时间:2023-11-28 04:50:00 26 4
gpt4 key购买 nike

我有一个 LTR 方向的 Bootstrap v4.0.0 模板,我想将整个模板更改为 RTL 方向,我使用了以下这些方法:

<html dir="rtl">
<body dir="rtl" >
body { direction:rtl; }
html { direction:rtl; }
https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl (bootstrap-rtl.css)

但是这些方法不起作用。

**

What's the best way to completely change page direction like a mirror FLIP HORIZONTAL? (RTL Direction)

**

This following CSS code, it will change direction of page based on Flip Horizontal, but how to reservse it after that? (Please have a look into image in below)

-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/

How to do it with CSS?提前致谢

最佳答案

此代码片段通过反转水平比例来水平翻转/镜像页面

.mirror{
margin: 0 auto;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
float: right;
}
<div class="mirror">
mirrored text
</div>
<div>
not mirrored
</div>

关于html - 基于RTL方向的Bootstrap模板——FLIP HORIZONTAL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40768258/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com