时间戳

首页 > 解决方案 > Tailwind CSS flexbox gap 不适用于 iPhone Chrome

css - Tailwind CSS flexbox gap 不适用于 iPhone Chrome

问题描述

我遇到了 CSS flexbox gap 的一些问题。为什么它不能在 iPhone 上运行？ 在此处输入图像描述

这是我的代码

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

在桌面上 在此处输入图像描述

在 iPhone 镀铬上 在此处输入图像描述

标签： csstailwind-css

解决方案

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

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

顺便一提; 在 Tailwind flexbox 上应用gap类名不是通用方法。间隙大小仅适用于grid容器。

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

推荐阅读