input checkbox與label的文字的對齊


首先看一下代碼結構:

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

希望對大家有所幫助


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM