这个工具有问题吗?
关于「CSS LTR 转 RTL(在线)」
该工具将从左到右的样式表镜像为从右到左。它互换方向性属性(margin-left ⇄ margin-right、padding、border、float、text-align),重排四值简写,镜像 border-radius 圆角,将 direction: ltr 改为 rtl,并为 body 添加 direction: rtl,使布局真正从右到左阅读。
为阿拉伯语、希伯来语、波斯语或乌尔都语手动添加 RTL 支持既繁琐又易错。把现有 CSS 粘贴到这里,一步即可得到正确的镜像副本,可作为单独的 rtl.css 发布。转换仅作用于你的 CSS;url()、引号字符串和 transform 内的值保持不变。
如何使用这个工具
如何将 CSS 从 LTR 转换为 RTL
粘贴你的 CSS
把从左到右的样式表(整份文件或一段代码)复制到输入框。
运行转换
点击 Run。工具会互换 left/right 属性与关键字,重排四值简写,镜像 border-radius 圆角,并将 direction: ltr 改为 rtl。
检查输出
查看结果:margin-left 变为 margin-right,float: left 变为 float: right,并为 body 添加了 direction: rtl 规则。
复制或保存
复制转换后的 CSS 另存为单独的 rtl.css,或为 [dir=rtl] / <html dir="rtl"> 条件加载。
在浏览器中测试
将页面切换为 RTL,检查间距、对齐和图标。手动调整 url() 或 transform 内的方向相关值——这些是有意保留不变的。