css 两个按钮居中 |html css项目实力

.btn-container {
display: flex;
justify-content: center;
}
.btn {
margin-right: 10px; /* 增加间距 */
}

上面的代码中，大家定义了一个名为btn-container的容器，将其 display 属性设置为 flex，这样按钮就会自动垂直居中并水平居中。而在按钮上，大家为它们设置了一个margin-right属性，以增加它们之间的间距。

.btn-container {
text-align: center;
}
.btn {
display: inline-block; /* 将按钮设置为块级元素 */
margin: 0 10px; /* 增加间距 */
}

除了使用 flex 布局，大家还可以使用 text-align 属性和 inline-block 元素将按钮居中。大家可以在 btn-container 上设置 text-align 属性为 center，而在按钮上设置 display 属性为 inline-block，这样它们就能够水平对齐居中了。

通过以上两种方式大家就能够轻松的将两个按钮居中了。选择哪种方式取决于你的代码风格以及实现的场景。希望这篇文章能够对您有所帮助。