首先看一下代碼結構:
<p class="needitem">
<input id="orgcode" type="checkbox" name="orgnizationreq" value="1" ><label for="orgcode">組織機構代碼</label>
</p>
示例圖
從示例圖看出沒有對齊,使用 vertical-align: middle; 之后也沒有解決對齊的問題;
那這時候該怎么辦呢?
請看最終解決辦法:
.needitem input[type=checkbox]{
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
}
希望對大家有所幫助