<分区>
所以我有一个带有标签文本和复选框的容器,现在这就是我目前拥有的
body {
display: flex;
justify-content: center;
}
.container {
background-color: yellow;
display: flex;
width: 200px;
height: fit-content;
margin: 0 10px;
justify-content: space-around;
}
.container.firstCheck{
flex-grow: 1;
}
.container.secondCheck{
flex-grow: 1;
}
<div class="container">
<div class="checkboxes">
<div class="firstCheck">
<label for="check1">this is 1</label>
<input name="check1" type="checkbox"/>
</div>
<div class="SecondCheck">
<label for="check2">this is 2</label>
<input name="check2" type="checkbox"/>
</div>
</div>
</div>
现在我希望标签位于容器的最左侧,复选框位于容器的最右侧使用 flexbox。这说明了我的目标 .
PS:如果可能的话,我也希望能够减少 html 标签。