2015-08-28 52 views
-1

复选框后,文本出现问题。它没有正确对齐(复选框太高),因为我刚开始学习CSS和编码,我不明白在其他网站上给这个问题的解决方案。这里是它现在看起来像的图像,并且希望对定制css中的内容提供任何帮助,以便使框正确对齐。谢谢! https://www.dropbox.com/s/s46g9bb1u0ymrlf/checkbox.JPG?dl=0在文本前对齐复选框

.legal label input[type=checkbox] { 
vertical-align: middle; 
} 

form .form-row .input-checkbox { 
display: inline; 
margin: -2px 8px 0 0; 
text-align: center; 
vertical-align: middle; 
} 

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox],  
.radio input[type=radio], .radio-inline input[type=radio] { 
float: left; 
margin-left: -20px; 
} 

input[type=checkbox], input[type=radio] { 
margin: 4px 0 0; 
margin-top: 1px\9; 
line-height: normal; 


input[type=checkbox], input[type=radio] { 
box-sizing: border-box; 
padding: 0; 
} 

`

+5

提供实际可代码,而不仅仅是哟的图像你的结果。 – George

+0

我不确定代码是否是neede,但我编辑了我的帖子。 –

回答

0

有没有能够帮助无码

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> 

我有车

请检查下面的example

+0

因为这没有任何问题没有任何具体的变化,因此你的也不应该产生任何问题 –