2015-08-28 41 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

因爲這沒有任何問題沒有任何具體的變化,因此你的也不應該產生任何問題 –