一组对齐的CSS按钮

我有一组动态生成的按钮，所以我需要按照以下示例对齐它们：

第1、第2和第3个按钮必须展开，以填充全行宽度，并保持相同大小。 第四个和第五个按钮必须各为50%，才能完全分割同一行

我正在使用下面的代码，但不知道如何按需要格式化

.街区{ 宽度：400px； } .按钮{ 浮动：左； 背景色：cec； 边界：无； 颜色：白色； 利润率：15px； 填充：15px； 显示：内联块； 字体大小：16px； }

---

这是一个你想要的例子。Flex可以很好地确保较长的文本示例是块的完整大小。不幸的是，要使较小的宽度完全相等，效果并不好，因为剩余的空间是在它们的正常宽度之后在它们之间分配的

.街区{ 宽度：400px； 显示器：flex； 柔性包装：包装； } .按钮{ 背景色：cec； 边界：无； 颜色：白色； 利润率：15px； 填充：15px； 显示：内联块； 字体大小：16px； 弹性：10自动； }

---

这是一个你想要的例子。Flex可以很好地确保较长的文本示例是块的完整大小。不幸的是，要使较小的宽度完全相等，效果并不好，因为剩余的空间是在它们的正常宽度之后在它们之间分配的

.街区{ 宽度：400px； 显示器：flex； 柔性包装：包装； } .按钮{ 背景色：cec； 边界：无； 颜色：白色； 利润率：15px； 填充：15px； 显示：内联块； 字体大小：16px； 弹性：10自动； }

---

这是对@Zachary Haber已经解决的问题的补充。如果我们希望按钮4和5具有相同的宽度，我们可以为按钮4和5添加另一个flex设置

.街区{ 宽度：400px； 显示器：flex； 柔性包装：包装； } .按钮{ 背景色：cec； 边界：无； 颜色：白色； 利润率：15px； 填充：15px； 字体大小：16px； 弹性：10自动； } .按钮{ 弹性：1； } .集装箱{ 显示器：flex； 宽度：100%； }

---

这是对@Zachary Haber已经解决的问题的补充。如果我们希望按钮4和5具有相同的宽度，我们可以为按钮4和5添加另一个flex设置

.街区{ 宽度：400px； 显示器：flex； 柔性包装：包装； } .按钮{ 背景色：cec； 边界：无； 颜色：白色； 利润率：15px； 填充：15px； 字体大小：16px； 弹性：10自动； } .按钮{ 弹性：1； } .集装箱{ 显示器：flex； 宽度：100%； }

---

您的HTML正在按照问题中所述工作，您能否详细说明，并准确描述问题所在？我想让所有按钮对齐。。。大的必须填满整条线，短的因为它们小于宽度的50%，所以它们必须在同一条线上，但在左右两侧与大的对齐。对不起，如果我不能更好地解释，我的英语说得不太好。您的HTML正在按照问题中所述工作，您能否详细说明，并准确描述问题所在？我想让所有按钮对齐。。。大的必须填满整条线，短的因为它们小于宽度的50%，所以它们必须在同一条线上，但在左右两侧与大的对齐。对不起，如果我不能更好地解释，我的英语说得不太好。很好的解决方案，但在我的情况下，我有动态生成的按钮，所以不可能设计按钮4或5的样式，因为我们不知道哪个更大或更短。谢谢你的帮助，我不知道。无论如何，这并不是很有帮助。这是一个很好的解决方案，但在我的例子中，我有动态生成的按钮，所以不可能对按钮4或5进行样式设置，因为我们不知道哪个更大或更短。谢谢你的帮助，我不知道。不管怎么说，没有什么帮助。