1. 程式人生 > >checkbox和文字對齊

checkbox和文字對齊

頁面上有個checkbox和文字不對齊,特別難看。

是醜成這樣的:
這裡寫圖片描述

程式碼是這樣的:

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

對齊以後看著舒服多了:
這裡寫圖片描述

完善後的程式碼是這樣的

<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