Html 如何在每行显示两个圆形按钮，并在其上居中显示一个圆形按钮，而不与下两个按钮隔开，反之亦然？

左侧的按钮如何显示为右侧的按钮？各个组用填充分隔，并用flow root显示

.group{
显示：流根；
填充：7px 0px 7px 0px；
}
按钮a{
浮动：左；
宽度：18px；
高度：18px；
边界半径：50%；
边框：1px实心#8b；
}

---

有很多方法可以做到这一点，下面是一个不改变html的简单方法

编辑：由于您的圆通常不会接触边界，因此您需要手动将其推向目标

.group{
浮动：左；
填充：7px 0px 7px 0px；
明确：两者皆有；
}
跨度{
显示器：flex；
文本对齐：居中；
调整内容：中心
}
按钮a{
宽度：18px；
高度：18px；
边界半径：50%；
边框：1px实心#8b；
}
.上楼{
利润上限：-3px；
}

到目前为止，您尝试了什么？如果为每行按钮和

display:flex设置一个div标记，那么考虑到标记似乎相当容易；对齐项目：居中；证明内容：中心时，按钮会变形，单个按钮不会直接显示在下两个按钮的旁边。有多种方法，可以删除按钮的“显示流根”和“向左浮动”，将所有跨距设置为“显示块”和“文本对齐中心”，它将显示您想要的内容如何删除每个组的间距，以便按钮的边框相互接触？@user8652270更新答案以将圆圈推近