css做俩并列按钮左右 |css 区分ie8

.button-container {
display: flex;
justify-content: space-between;
}
.button {
width: 100px;
height: 50px;
background-color: #4CAF50;
color: white;
text-align: center;
line-height: 50px;
border: none;
border-radius: 5px;
}
按钮1按钮2

首先，大家在CSS样式中创建了一个名为button-container的CSS类。它是一个flex容器，并设置了一个justify-content属性，使其从容器的两侧填充空白，使两个按钮分别在左侧和右侧对齐。

然后创建了一个名为button的CSS类，为按钮提供了样式。例如，设置按钮的宽度和高度，背景颜色，文本颜色以及边框属性。

最后，大家将两个按钮包含在一个使用button-container类的DIV元素中。这样，两个按钮可以并排显示，一个在左侧，一个在右侧。这个简单的CSS样式可以通过修改样式属性来实现不同的外观和感觉。