checkbox和文字对齐

页面上有个checkbox和文字不对齐,特别难看。

是丑成这样的:
《checkbox和文字对齐》

代码是这样的:

<label>
    <input type="checkbox" name="allot_flag"/>&nbsp;&nbsp;受理未完成
</label>

对齐以后看着舒服多了:
《checkbox和文字对齐》

完善后的代码是这样的

<label>
    <input type="checkbox" name="allot_flag" style="vertical-align:middle;"/>
    <sapn style="vertical-align:middle;">&nbsp;&nbsp;受理未完成</sapn>
</label>

对input标签增加了样式:

style="vertical-align:middle;"

补充checkbox取值的用法

jquery判断checkbox是否选中

var allot_flag = $('#code').is(':checked');

checkbox选中时,allot_flag=true,反之false

    原文作者:GitNohup
    原文地址: https://blog.csdn.net/qq_35794202/article/details/81016059
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞