当网站是多语言和第二语言是RTL时,如何设置组件的样式?



我在next项目是多语言(英语和波斯语)。如你所知,波斯语是RTL,英语是LTR当语言改变和样式改变时,我应该如何设计组件的样式?我使用tailwindCSS

在tailwindcss内核中不支持Rtl

你可以选择在你的项目中支持rtl:

  • 有一个插件:tailwindcss-rtl

  • 或者使用WindiCSS:

如果你已经熟悉了Tailwind CSS,可以考虑将Windi CSS作为Tailwind的按需替代品,它提供更快的加载时间,与Tailwind v2.0完全兼容,并具有一堆额外的酷功能。

WindiCss Rtl page

最新更新