尝试创建分段按钮,但边框有问题。我想在所有地方都有1px的边框,包括按钮之间
第二个变体的结构(按钮动态呈现)
<div class="divide-x">
<button class="border-y first:border-l last:border-r">
</div>
我尝试过多种边界方式
- 每个按钮上的第一个边框,但按钮之间有2px,使用tailwind,我只能指定第一个/最后一个按钮来删除按钮之间的边框(我不想安装其他库)
- 第二个divide-x在父级上+border-y+在子级上(按钮)第一个:border-r和最后一个:border-r由于某种原因最后一个:border-r不适用,创建了类似以下内容的内容
有什么建议吗?
1条答案
按热度按时间xxls0lw81#
比如this?
还是像this一样