Javascript 把按钮放在中间

我有一个我做的纽扣。但我想做的是让按钮居中。我使用校准中心。但它不起作用。 我要做的是使按钮在整个页面的中心对齐

。按钮{
文字装饰：无；
文本对齐：居中；
显示器：flex；
背景:#333333；
颜色：白色；
证明内容：之间的空间；
对齐项目：居中；
指针事件：无；
最大宽度：660像素；
边框底部：纯灰1px
字体系列：DIN pro；
字体大小：粗体；
}
.button.fa{
填充：1em；
指针事件：自动；
宽度：1.5em；
}
.按钮：：之前{
内容：''；
填充：1米
}

---

添加

边距：0自动到您的
按钮
类


。按钮{
保证金：0自动；
文字装饰：无；
文本对齐：居中；
显示器：flex；
背景:#333333；
颜色：白色；
证明内容：之间的空间；
对齐项目：居中；
指针事件：无；
最大宽度：660像素；
边框底部：纯灰1px
字体系列：DIN pro；
字体大小：粗体；
}
.button.fa{
填充：1em；
指针事件：自动；
宽度：1.5em；
}
.按钮：：之前{
内容：''；
填充：1米
}
设置
显示：flex；证明内容：中心。这里的父对象是
body

body {
  display: flex;
  justify-content: center;
}


正文{
显示器：flex；
证明内容：中心；
}
.按钮{
文字装饰：无；
文本对齐：居中；
显示器：flex；
背景:#333333；
颜色：白色；
证明内容：之间的空间；
对齐项目：居中；
指针事件：无；
最大宽度：660像素；
边框底部：纯灰1px；
字体系列：DIN pro；
字体大小：粗体；
}
.button.fa{
填充：1em；
指针事件：自动；
宽度：1.5em；
}
.按钮：：之前{
内容：“；
填充：1em；
}
首先，您需要删除按钮中的
display:flex
属性，这样您就可以通过父元素将其居中

您正在按钮中设置
text align:center
，但需要做的是在按钮的父元素中设置此属性

示例

<div style="text-align: center;">
    <button>I'm in the center!</button>
</div>


我在中间！
我无法复制。文本在此代码段中正确居中按钮父级的高度是否设置为？将其设置为高度：100%
i。e@LelioFaieta我不希望文本居中，我希望按钮居中page@AdriSolid我所拥有的只是代码只需添加
width:fit内容和
边距：0自动至
。按钮