在CSS中从中心到侧面对齐内容

是否可以像下图一样将按钮居中？问题是，“自然对齐中心”是根据内容的宽度对齐的，在我的情况下，我需要从按钮2的中心到两侧居中，在另一种情况下，从的中间到两侧居中。这只能通过CSS实现吗

我尝试使用flex，但似乎应该有不同的解决方案

display: flex;
justify-content: center;

---

如果您知道每个元素的宽度，您仍然可以将它们与位置对齐绝对宽度未知，我知道可以使用JS来完成，但我希望有一个选项可以仅使用CSS来完成此操作。