使用CSS的flexbox布局来对齐按钮。
HTML代码示例:
CSS代码示例:
.button-group {
display: flex;
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
.button-group button {
margin: 0 10px; /* 按钮之间的间距 */
}
此示例将按钮组水平居中对齐,并在每个按钮之间添加了10像素的间距。如果您需要垂直对齐,只需将justify-content更改为align-items即可。
上一篇:按钮未定义