<label for="" style="float:right;margin-right:10%;">
<input type="checkbox" style="float:left;" /><span style="width:80px; height:20px; line-height:25px; float:left;">记住密码</span>
</label>
上面的代码显示的效果是这样子,拙计死了,用Firefox中的firebug查看发现checkbox的宽高有点大,把“记住密码”给挤了,知道原因之后,怎么办?
修改宽高呗!
显示效果
问题又来了,水平没有对齐呀,怎么办?问了一个QQ群的大牛,一句话点醒我了,我也告你,免得你也捉急。
就是这个display:block;我去,差点没整死我,早知道就不会这样子了。要想设置span标签的宽高,首先必须得把它转成块状元素,然后一切问题就都解决了,然后就没有然后了
该float的float,该设置宽高的设置宽高,OK搞定了。
<label>
<input type="checkbox" style="width:18px;height:18px;float:left;"/>
<span style="width:60px;height:18px;line-height:25px;display:block;float:left;">记住密码</span>
</label>