您的位置:首页 > 其它

checkbox和说明文字对齐

2016-09-09 13:28 302 查看
一开始如下:

<input  id="rememberme" name="rememberme" type="checkbox" value="0">
<p>Remember Login</p>


发现不在一行,添加display:inline后:

<input style="display:inline-block;width:20px;" id="rememberme" name="rememberme" type="checkbox" value="0">
<p style="width: 100px;display:inline;">Remember Login</p>


在一行了,但是文字和框不对齐。最终如下:

<input style="display:inline-block;width:20px;vertical-align: middle;" id="rememberme" name="rememberme" type="checkbox" value="0">
<p style="width: 100px;display:inline;vertical-align: middle;">Remember Login</p>


也就是添加vertical-align: middle属性, input和p都要添加。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  checkbox