如何解决Tailwindcss间隙不适用于iPhone chrome
我在CSS间隙上遇到了一些问题。为什么无法在iPhone上使用?
这是我的代码
<div className="flex flex-col gap-2">
解决方法
您可以使用space-
类在Tailwind flexbox上实现间距。
<div className="flex flex-col space-x-4">
顺便说一句;在Tailwind flexbox上应用gap
类名不是通用方法。大小调整仅适用于grid
容器。
<div className="grid gap-1 grid-cols-2">
,
目前,'space-' 是替换间隙的最佳解决方法,但是您只需要为弹性间隙执行此操作,网格间隙在 iOS 上工作得非常好,因此如果您要重构,则不必重构至少你的网格。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。