css如何让按钮水平居中 |*.scss

方法一：使用display和margin属性

button {
display: block; /* 将按钮变为块级元素 */
margin: 0 auto; /* 左右margin设为auto,让按钮水平居中 */
}

方法二：使用flexbox布局

.container {
display: flex; /* 将容器变为flex容器 */
justify-content: center; /* 将子元素在容器内水平居中 */
}
button {
flex: none; /* 禁止子元素自动调整尺寸，保持原有尺寸 */
}

以上两种方法都可以实现按钮水平居中的效果，具体使用哪种方法取决于具体情况。如需让多个按钮在同一水平线上居中，只需将它们放在一个容器内，对容器应用以上方法即可。