Javascript css-can'；不要把按钮移到中间

我的文件上有3个按钮，可以完全正常工作。但是我不能从左角移动它们（只需通过切换float:to right将其更改为right）。我如何将它们移动到页面的中心

函数letsstart（）{
警报（“让我们开始按钮”）；
}
函数aboutus（）{
警报（“关于我们按钮”）；
}
函数faq（）{
警报（“常见问题解答按钮”）；
}

。按钮{
浮动：左；
利润率：20px；
填充：40px；
背景图像：线性渐变（左上角，#9f3a61，#a04270，#a04a7e，#9e538c，#9b5c99）；
边界半径：35px；
}

网击
欢迎访问我们的网站！
知识本身就是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的，自由主义者的圣职是自由的
让我们开始吧
关于我们
常见问题

要使按钮居中，您可以将div包装器制作成flexbox并对齐其内容，例如：

#but1, #but2, #but3 {
    display: flex;
    justify-content: center;
}

你可以通过

#but1, #but2, #but3 {
  display: grid;
  place-items: center;
}

或

编辑： 正如在评论中指出的，您可以将它们放在一个div中，添加一个类

HTML

---

希望这有帮助。

或只是

div

。不知道

是什么想法虽然这段代码可以回答这个问题，但它如何以及为什么解决这个问题会有助于提高你的回答质量。记住，你也在为将来的读者回答这个问题，而不仅仅是现在的提问者。最好的方法是用flex box。如果您想在途中使用它：您应该调整您的按钮类

。按钮{边距：20px自动；显示：块；宽度：100px；填充：40px；边框半径：35px；}

您应该删除float:left。添加margin:20px auto；这两个按钮都可以正常工作，但它们将按钮彼此对齐（在中间），而不是彼此相邻，有没有可能找到解决方案？添加到按钮

显示：内联块

属性。在HTML类

class=“myButtons”中指定所有按钮

然后在CSS

.myButtons{display:inline block}

#but1, #but2, #but3 {
    display: flex;
    justify-content: center;
}

<div class="btn">
   <!--The buttons-->
</div>

.btn{
   display: flex;
   justify-content: center;
}