所以我有一个带有标签文本和复选框的容器,现在这就是我目前拥有的
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 标签。
相关文章:
python - 为什么 randn 并不总是均值为 0 且方差为 1?
django - 错误模块 'tablib.formats._xls' 没有属性 'title'
swiftui - 如何修复无法在 Swift 中找到文件 json
c# - 如何在 ServiceStack 中返回不同的 Http Status Code
ruby-on-rails - 如何在转换后的字符串不充满反斜杠的情况下将哈希转换为 JSON
stripe-payments - 在 Stripe CLI 中使用 fixtures
python - 从 BigQuery 获取数据需要很长时间
angular - 将 Angular 4 升级到 Angular 8