从右到左

v2.5.4 起可用,Windi CSS 拥有开箱即用的从右到左(RTL)书写方式支持,且无需任何配置。

通过向工具类增加 rtl: 可变修饰前缀即可,仅在 RTL 启用时生效。

开启 RTL 很简单,只需要在 html 标签上增加 dir="rtl" 属性就可使其生效。

<html>
<body>
  <!-- RTL 禁用 -->
</body>
</html>

<html dir="rtl">
<body>
  <!-- RTL 启用 -->
</body>
</html>