gpt4 book ai didi

html - 如何将我的复选框与 css 对齐?

转载 作者:太空宇宙 更新时间:2023-11-04 10:37:35 25 4
gpt4 key购买 nike

我需要制作一个带有复选框和列表的表单。我将 Bootstrap 用于我的复选框和列表,但问题是文本和复选框未对齐。

enter image description here

<div id="ContForm">
<div id="Cajamitad1">
<div class="checkbox">
<label>
<input type="checkbox" value="">Soy Vegano
</label>
</div>

<div class="checkbox">
<label>
<input type="checkbox" value="">Soy diabetico
</label>
</div>
</div>

<div id="Cajamitad2">
<select class="form-control">
<option>1</option>
<option>2</option>
</select>
</div>

</div>

如何对齐它们?

最佳答案

您可以使用 bootstrap.css 提供的类像 form-control 或者你可以试试这个:

input {
vertical-align: middle;
line-height: 1;
}

这个 CSS 规则集说,“每个输入元素都将垂直居中对齐,并且具有与大写字母等效的高度。”

input {
vertical-align: middle;
line-height: 1;
}
<div id="ContForm">
<div id="Cajamitad1">
<div class="checkbox">
<label>
<input type="checkbox" value="">Soy Vegano
</label>
</div>

<div class="checkbox">
<label>
<input type="checkbox" value="">Soy Diabetico
</label>
</div>
</div>

<div id="Cajamitad2">
<select>
<option>1</option>
<option>2</option>
</select>
</div>

</div>

关于html - 如何将我的复选框与 css 对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36049521/

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