[英]How can I align my checkbox with css?
我需要做一个带有复选框和列表的表格。 我将Bootstrap用于我的复选框和列表,但是问题是文本和复选框未对齐。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.