input checkbox与label的文字的对齐
2015-11-20 10:43
274 查看
首先看一下代码结构:
<p class="needitem">
<input id="orgcode" type="checkbox" name="orgnizationreq" value="1" ><label for="orgcode">组织机构代码</label>
</p>
示例图
从示例图看出没有对齐,使用 vertical-align: middle; 之后也没有解决对齐的问题;
那这时候该怎么办呢?
请看最终解决办法:
.needitem input[type=checkbox]{
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
}
希望对大家有所帮助
<p class="needitem">
<input id="orgcode" type="checkbox" name="orgnizationreq" value="1" ><label for="orgcode">组织机构代码</label>
</p>
示例图
从示例图看出没有对齐,使用 vertical-align: middle; 之后也没有解决对齐的问题;
那这时候该怎么办呢?
请看最终解决办法:
.needitem input[type=checkbox]{
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
}
希望对大家有所帮助
相关文章推荐
- oracle清除用户对象
- 字符替换匹配
- swift 快速奔跑的兔几 本节的内容是:cocoa绑定
- Java不同压缩算法的性能比较
- WEB应用中的SESSION知多少?
- Mysql5.7全新的root密码规则
- [转]响应式WEB设计学习(2)—视频能够做成响应式吗
- 前端工程化知识要点回顾&思考
- Python实现将xml导入至excel
- Linux下PureFtpd的基本安装使用与超时问题解决
- 在Xcode6中添加Precompile Prefix Header
- Android中的类装载器DexClassLoader
- 教大家一个在自定义的View里面不写block,delegate,Notification快速刷新UI的方法!
- Activity详解(生命周期、以各种方式启动Activity、状态保存,完全退出等)
- 基本线性回归、局部加权线性回归和缩减方法(岭回归、前向逐步回归) in Python
- uvalive 3989 Ladies' Choice 稳定婚姻问题
- 【日志】Java 流行框架(Spring/Struts2/Hibernate/iBatis)都在使用什么日志组件
- 高效率、灵活打印结构体串(C语言版)
- Windows系统中IIS 6.0+Tomcat服务器环境的整合配置过程
- Android判断Service是否运行【转】