顺风：分隔线前后相同的空间

Question

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

<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示例