无法在汉堡之间留出空间 - Tailwind CSS

【问题标题】：Can't make space in between hamburger - Tailwind CSS无法在汉堡之间留出空间 - Tailwind CSS
【发布时间】：2021-05-24 05:42:18
【问题描述】：

我尝试使用space-y-2 和leading，但我仍然无法在它们之间设置间隙。

<a href="" class="bg-blue-dark lg:hidden">
    <span class="block w-7 h-1 mb-1"></span>
    <span class="block w-7 h-1 mb-1"></span>
    <span class="block w-7 h-1"></span>                    
</a>

【问题讨论】：

标签： html tailwind-css

【解决方案1】：

根据您当前的代码，您的汉堡条之间有空格，因为您使用了 margin-bottom 类，即mb-1。

另一种方法是使条形图可伸缩项目，然后按列排列它们并对齐内容。记得给你的弹性盒子容器添加一定的高度。

    <a href="" class="bg-blue-dark lg:hidden h-5 flex flex-col justify-between">
         <span class="block w-7 h-1"></span>
         <span class="block w-7 h-1"></span>
         <span class="block w-7 h-1"></span>                    
    </a>

*如果bg-blue-dark 是您为条形添加颜色的自定义类，则将其添加到<span> 标签而不是<a> 标签。

【讨论】：