Html 包装器中的包装器到位置5 div居中

我想创建一个音板，其中我有5个按钮在一行。如果屏幕变小，则切换到下一行，但所有按钮都在中间居中

这是代码。我用H：100%和W：100%创建了一个按钮包装器，并在另一个包装器中间放置DIV，但是doEnST工作。

.wrapper{
宽度：90%；
最大宽度：1200px；
身高：100%；
背景色：红色；
保证金：自动；
}
.钮扣敲击器{
宽度：100%；
身高：100%；
背景色：红色；
}
.按钮{
宽度：150px；
高度：100px；
背景色：黑色；
利润率：10px 10px；
浮动：左；
}

---

您可以使用

文本对齐：居中和
显示：内联块像这样


.wrapper{
宽度：90%；
最大宽度：1200px；
身高：100%；
背景色：红色；
保证金：自动；
文本对齐：居中；
}
.钮扣敲击器{
宽度：100%；
身高：100%；
背景色：红色；
显示：内联块；
}
.按钮{
宽度：150px；
高度：100px；
背景色：黑色；
利润率：10px 10px；
显示：内联块；
}