不能在汉堡包之间腾出空间--尾风CSS

Question

我试过使用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>

Answer 1

根据您当前的代码，在您的汉堡包酒吧之间有空间，因为您使用了最底层的类，即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>标记中。