請(qǐng)問(wèn)為什么radion和checkbox的inline總是對(duì)不齊呢？
<!doctype?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>表單控件——表單控件大小</title> <link?rel="stylesheet"?> </head> <body> <form?role="form"> ??<h3>案例1</h3> ??<div?class="checkbox?checkbox-inline"> ????<label> ??????<input?type="checkbox"?value=""> ??????記住密碼 ????</label> ??</div> ??<div?class="checkbox?checkbox-inline"> ????<label> ??????<input?type="checkbox"?value=""> ??????記住密碼 ????</label> ??</div> ??<div?class="checkbox?checkbox-inline"> ????<label> ??????<input?type="checkbox"?value=""> ??????記住密碼 ????</label> ??</div> ??<br> ??<div?class="radio?radio-inline"> ????<label> ??????<input?type="radio"?name="optionsRadios"?id="optionsRadios1"?value="love"?> ??????喜歡 ????</label> ??</div> ????<div?class="radio?radio-inline"> ????<label> ??????<input?type="radio"?name="optionsRadios"?id="optionsRadios2"?value="hate"> ??????不喜歡 ????</label> ??</div> <div?class="radio?radio-inline"> ????<label> ??????<input?type="radio"?name="optionsRadios"?id="optdionsRadios2"?value="hate"> ??????不喜歡 ????</label> ??</div> ?? </form>????? </body> </html>
老師：為什么顯示出來(lái)時(shí)第一個(gè)和后面的對(duì)不齊呢？如圖：
2017-05-12
測(cè)試。。。
2016-03-24
.checkbox-inline{padding:0;margin:0 15px 0 0; line-height: 20px;min-height: 20px;}
input[type='checkbox'], input[type='radio'] {margin: -2px 5px 0 0;line-height: 20px;}
具體值根據(jù)需要調(diào)節(jié)
2014-12-19
好吧，我再看一下節(jié)就找到答案了，居然是不要前面那個(gè)radio或者checkbox的class就可以了的。