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