checkbox和说明文字对齐
2016-09-09 13:28
302 查看
一开始如下:
发现不在一行,添加display:inline后:
在一行了,但是文字和框不对齐。最终如下:
也就是添加vertical-align: middle属性, input和p都要添加。
<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都要添加。
相关文章推荐
- jquery的checkbox,radio,select等方法小结
- jQuery根据ID获取input、checkbox、radio、select的示例
- jquery实现的代替传统checkbox样式插件
- C#获取动态生成的CheckBox值
- C#遍历得到checkboxlist选中值和设置选中项的代码
- Android控件之CheckBox、RadioButton用法实例分析
- ASP.NET中 CheckBox复选框控件的使用
- 在ASP.NET 2.0中操作数据之五十:为GridView控件添加Checkbox
- asp.net动态产生checkbox(数据源为DB或内存集合)
- asp.net gridview中用checkbox全选的几种实现的区别
- asp.net treeview checkbox 相关问题
- IE中checkbox在刷新后初始化的问题
- javascript中checkbox使用方法简单实例演示
- 浅谈checkbox的一些操作(实战经验)
- asp.C#实现图片文件与base64string编码解码
- javascript中checkbox使用方法实例演示
- 多个datatable共存造成多个表格的checkbox都被选中
- javascript使用shift+click实现选择和反选checkbox的方法
- JS选中checkbox后获取table内一行TD所有数据的方法
- 用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)