我想制作三排固定大小的按钮;顶部和底部行中有四个按钮，中间行中有两个按钮。 当浏览器窗口太窄时，带有四个按钮的行应调整为两行两个按钮。连续一定不能有三个按钮（如果浏览器太窄，我每行一个按钮就可以了）。理想情况下，带有两个按钮的行将居中。有点喜欢（每个三元组代表一个按钮）：
B1B B2B B3B B4B
CCC CCC
D1D D2D D3D D4D
调整大小时（'|'表示右侧浏览器边缘 - 有足够的空间容纳三个但不是四个按钮，所以我希望它每行重新调整为两个按钮）：
B1B B2B |
B3B B4B |
CCC CCC |
D1D D2D |
D3D D4D |
我真的很沮丧如何做到这一点。 flex容器可以实现所需的布局，但如果有足够的空间，我无法阻止重新调整大小。当浏览器变为三个按钮宽时，列表（中间行左侧和右侧的隐藏单元格）不会向左浮动。 这需要在只允许HTML和CSS的站点中工作（没有脚本或外部程序，如bootstrap）。 这有可能吗？所有提示都赞赏！