css两个按钮并列 |css 多个元素中的第一个

<div class="button-wrapper">
<button class="button-left">左侧按钮</button>
<button class="button-right">右侧按钮</button>
</div>
<style>
.button-wrapper {
display: flex;
justify-content: space-between;
}
.button-left {
background-color: #333;
color: #fff;
padding: 10px 20px;
}
.button-right {
background-color: #f8f8f8;
color: #333;
padding: 10px 20px;
}
</style>

在上面的代码中，大家使用了一个包含两个按钮的div元素，并且使用了flex布局来实现按钮的并列排列。其中，justify-content: space-between;是让左右两个按钮分别对齐左右两端。大家也可以使用justify-content: space-around;来等间隔排列两个按钮。

接下来，大家分别给左右两个按钮设置样式。.button-left代表左侧按钮，.button-right代表右侧按钮。大家可以根据需求设置按钮的背景色、字体颜色、内边距等样式，以实现不同效果。

通过上述代码，大家可以很容易地实现两个按钮并列排列的效果。同时，大家也可以根据实际需求，灵活调整样式来满足不同的设计要求。