Html 我想水平对齐按钮和中心与css他们

我试图用css将页面中央顶部的4个按钮水平对齐。这就是我所拥有的

按钮{
背景色：rgb（243243243243）；
边界：5px；
颜色：#000000；
填充：15px 32px；
文本对齐：居中；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.6s；
过渡时间：0.6s；
光标：指针；
显示：块；
保证金：自动；
}

这就是你想要实现的吗

将按钮放在容器内，并对其应用

文本对齐：居中

.container{
文本对齐：居中；
}
钮扣{
背景色：rgb（243243243243）；
边界：5px；
颜色：#000000；
填充：15px 32px；
文本对齐：居中；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.6s；
过渡时间：0.6s；
光标：指针；
/*保证金：自动*/
}

MyBtn1
MyBtn1
MyBtn1

最好的方法是在容器中使用

文本alig

，如下所示：

.container{
文本对齐：居中；
}

MyBtn1
MyBtn1
MyBtn1

有两种选择。在这两种情况下，您都需要将按钮包装在

div

、

nav

或其他元素中。然后，您可以使用

display:inline block

或

display:flex

对它们进行布局。

内联块

选项是传统的方法，使用较少的CSS。如果您对页面缩放到所有视口大小（即响应性设计）感兴趣，

flex

是更好的选择

显示：内联块

按钮{
背景色：#ccc；
显示：内联块；
保证金：5px；
}
导航{
文本对齐：居中
}

按钮1
按钮2
按钮3
按钮4

您还可以提供html标记吗？您是否使用

div

或

button

标记作为按钮。我认为您不需要

flex direction:row

，因为

button

标记是一个内联元素。@SahinErbay，谢谢<代码>弹性方向也默认为

行

，因此它是加倍不必要的。我只是想充实一下flex box模型，以防不熟悉。谢谢！好久不见了，帮帮我，谢谢！