假设我有一些按钮,我想要每行两个的方式显示这些按钮。我不确定如何以特定的宽度将这些按钮分成两列,并控制它们的对齐方式:左对齐、居中或右对齐。期望的结果应该是这样的:
.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.button {
width: 190px;
border: 1px solid red;
}
<div class="container">
<button class="button">1</button>
<button class="button">2</button>
<button class="button">3</button>
<button class="button">4</button>
</div>