gpt4 book ai didi

html - 容器中元素之间的空间

转载 作者:行者123 更新时间:2023-12-05 08:39:24 25 4
gpt4 key购买 nike

<分区>

所以我有一个带有标签文本和复选框的容器,现在这就是我目前拥有的

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。这说明了我的目标 imgur .

PS:如果可能的话,我也希望能够减少 html 标签。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com