注意（在移动布局中）：两个按钮具有相同的高度。高度由名称较长的按钮决定。并且第一个按钮中的文本垂直和水平居中。

注意（在桌面布局中）：两个按钮的宽度相同。宽度由具有长名称的width按钮确定。这意味着每个按钮不必占据屏幕的50%。并且第一个按钮中的文本居中。另外，这两个按钮居中，中间有一些空格。

我有两个相邻的按钮，如下代码所示:

.my-buttons {
    display: flex;
    justify-content: center;
    button {
        cursor: pointer;
    }
}

---

.my-buttons {
    display: flex;
    justify-content: center;
    button {
        cursor: pointer;
    }
}

如何使按钮在任何时候都具有相同的宽度和高度，而不管其中的内容如何。当屏幕大小较大时，按钮的大小将由“具有长名称的按钮”的大小决定。

小屏幕时，如手机。按钮的高度也应由“具有长名称的按钮”的高度确定。

---

顺晟科技：

CSS网格可以做到这一点

添加flex-basis的50%将使两个子节点的宽度为

的1/2

设置它们，使它们的弹性基为0，并允许它们增长: