针对bootstrap内联单选框input与文字不能居中对齐的解决办法 - 洛羿莎麦

针对bootstrap内联单选框input与文字不能居中对齐的解决办法

1.html代码

<div >
      <label class="checkbox-inline first-label">
             <input type="radio" name="getOption"  value="option1" checked>张三
       </label>
       <label class="checkbox-inline">
             <input type="radio" name="getOption"  value="option2"> 李四
       </label>
       <label class="checkbox-inline">
             <input type="radio" name="getOption"  value="option3"> 王五
       </label>
</div>

2.css代码

.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;
}

3.css内的只可根据需要相应调整，本文针对label行高20px举例。