Tailwindcss间隙不适用于iPhone chrome

时间：2020-11-01 06:27:38

标签： css tailwind-css

我在CSS间隙上遇到了一些问题。为什么无法在iPhone上使用？ enter image description here

这是我的代码

<div className="flex flex-col gap-2">

在桌面上 enter image description here

在iPhone chrome上 enter image description here

2 个答案:

答案 0 :(得分：0)

您可以使用space-类在Tailwind flexbox上实现间距。

<div className="flex flex-col space-x-4">

顺便说一句；在Tailwind flexbox上应用gap类名不是通用方法。大小调整仅适用于grid容器。

<div className="grid gap-1 grid-cols-2">

答案 1 :(得分：0)

目前，'space-' 是替换间隙的最佳解决方法，但是您只需要为弹性间隙执行此操作，网格间隙在 iOS 上工作得非常好，因此如果您要重构，则不必重构至少你的网格。

相关问题
最新问题