复选框与文字对齐方法

1、先写出复选框

  <div class="clearfix clearfix-text">
     <div class="pull-left">
          <label for="" class="checkbox" >
                 <input type="checkbox">自动登录
          label>
      div>
      <a href="" class="pull-right" style="margin-top: 2px;">忘记密码a>
  div>

2、css

.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
.clearfix:after{
  content: '';
  display: table;
  clear: both;
}
.clearfix-text{
  margin: 10px 0;
  font-size: 12px;
}

3、设置复选框与文字对齐

.checkbox{
  >input{
    position: relative;
    top: 2px;
  }
 }

注:具体top数值试情况而定

你可能感兴趣的:(学习笔记)