Html 如何使我的按钮垂直居中？

我在每个按钮周围放了一个div，并将它们都设置为inline。他们只是想堆叠，因为我一直试图使他们居中

这是我的HTML：

正文{
背景色：黑色；
}
#轻的{
左边距：50%；
保证金权利：70%；
}
#黑暗的{
左边距：50%；
保证金权利：50%；
显示：内联块；
}
h3{
颜色：白色；
字体系列：信使新；
字体大小：24px；
左边距：500px；
}

质疑现实。
做出你的选择。
轻的
黑暗的

您忘记将

#灯

div设置为

内联块

。但可能更好的方法是将两个按钮围在一个div中，并给出一些css的

text align:center

，如下所示：

正文{
背景：黑色；
}
h3{
文本对齐：居中；
颜色：白色；
字体系列：信使新；
字体大小：24px；
}
.文本中心{
文本对齐：居中；
}

做出选择
轻的
黑暗的

试试这个

CSS

---

使用“文本对齐：居中”属性，而不是左右两侧的边距

希望这有帮助…

希望这会有帮助：

正文{
背景色：黑色；
}
#轻的{
位置：绝对位置；
最高：45%；
左：50%；
}
#黑暗的{
位置：绝对位置；
最高：55%；
左：50%；
}
h3{
颜色：白色；
字体系列：信使新；
字体大小：24px；
文本对齐：居中；
}

质疑现实。
做出你的选择。
轻的
黑暗的

将按钮放在一个100%宽度的主容器div中，并将按钮的边距更改为“自动”。父div必须为100%宽度，如果其边距设置为自动，则子div将居中对齐。

正文{
背景色：黑色；
}
梅因先生{
宽度：100%；}
#轻的{
保证金：自动；
显示：内联块；
}
#黑暗的{
保证金：自动；
显示：内联块；
}
h3{
颜色：白色；
字体系列：信使新；
字体大小：24px；
文本对齐：居中；
}
做出你的选择。
轻的
黑暗的

你可以尝试两件事

使用以下样式并删除右侧不必要的边距

button {     
   margin-top : __px;
}

使用相对位置

button {
   position: relative;
   top:20%;
}

这会解决你的问题

或者你也可以在第一时间尝试第一个答案

---

如果您需要任何进一步的帮助，请告诉我

使用text align:center属性而不是margin left和right，并提供一个参考此链接的示例：。它有一个更好的方法来处理这个问题。我不认为像处理css文件那样在文件名中留有空格是一个好的做法：

href=“intro page.css”

button {     
   margin-top : __px;
}

button {
   position: relative;
   top:20%;
}