顺风：分隔线前后相同 space

Question

我试图在分隔线前后设置相同的 space（并且可配置）。但是我似乎无法获得分隔线后的间距。

<div class="grid grid-cols-1 divide-y divide-solid">
   <div class="pb-5">Hello</div>
   <div class="pb-5">World</div>
   <div class="pb-5">hi</div>
</div>

看起来像这样：

如何使分隔线前后的间距相同？理想情况下不需要触摸子样式（即删除 pb-#）？

Answer 1

试试这个代码，

<div class="grid grid-cols-1 divide-y divide-solid bg-gray-500">
        <div class="py-2  first:pt-0">Hello</div>
        <div class="py-2">World</div>
        <div class=" py-2 last:pb-0">hi</div>
</div>

学分：@brc-dd sample

顺风：分隔线前后相同 space

Tailwind: same space before and after divider line

tailwind-css