一个父div下有两个子div和两个子input,如图1,如何使他们对齐成图2的样子?


图1

图2

 <div class="red-packet-initialization">
    <wm-datetime-picker
      picker-id="waitDurationBeginDatePicker"
      placeholder="开始时间"
      format-type="YYYY-MM-DD HH:mm:ss"
      min-date-picker-id="waitDurationEndDatePicker"
      time-handler="redpack.selectDate('waitDuration')"
      ng-model="redpack.startTime"
      icon="calendar"
      more-than-today="true">
    </wm-datetime-picker>
    <wm-datetime-picker
      picker-id="waitDurationEndDatePicker"
      placeholder="结束时间"
      format-type="YYYY-MM-DD HH:mm:ss"
      max-date-picker-id="waitDurationBeginDatePicker"
      time-handler="redpack.selectDate('waitDuration')"
      ng-model="redpack.endTime"
      icon="calendar"
      more-than-today="true">
    </wm-datetime-picker>
    <input type="search" maxlength="" class="form-control ng-isolate-scope ng-pristine ng-valid" placeholder="{{'total_budget' | translate}}" ng-model="redpacket.totalBudget" />
    <input type="search" maxlength="" class="form-control ng-isolate-scope ng-pristine ng-valid" placeholder="{{'leave_number' | translate}}" ng-model="redpacket.leaveNum" />
    <button class="btn btn-listheader ng-scope" ng-class="{'btn-success': !redpacket.isStart, 'btn-danger': redpacket.isStart}" ng-click="redpacket.start()">{{redpacket.btnText | translate}}</button>
  </div>

wm-datetime-picker是一个日历控件,可以直接当成一个div

.red-packet-initialization {
   margin: 20px 0 30px 0;
   input,
   div {
     display: inline-block;
     width: 200px;
   }
}

话说你这个对齐是什么意思,问题都没描述清楚。


.red-packet-initialization {
    height:200px;
    line-height: 200px;
}

.red-packet-initialization {
   margin: 20px 0 30px 0;
   input,
   div {
     display: inline-block;
     width: 200px;
     vertical-align: middle;
   }
}

是不是可以考虑使用box-sizing这个属性=.=



相关阅读:
session_save_path()方法的返回值怎么是“0"呢
为什么明明存在父节点,但是 .parentNode 函数却显示父节点为null?
css3 定义轨迹动画
vs2010下载nuget包的方法
内嵌app 的web 页面如何应用 app 内置的静态文件
部署到heroku后,无法发送邮件,哪里出了问题?
appendchild报错
nginx中,proxy_pass和rewrite执行顺序
js如何定义点击事件,弹出一个提醒事件后,2s消失,时间从点击按钮开始
如何修改URL地址中参数的值?
关于ES5中构造函数的问题
electron打包问题,多出来的那个窗口是什么鬼?有解决的吗?
linux下如何用C语言读取大于10G的文件?
afsdfsdfsdfsdfsdfsdf
idea debugmaven install 项目启动出现异常,求解决?
如何使用一次性定时器模拟周期性定时器?
echart 环形图悬浮如何不显示高亮效果
学习前端具体到了什么阶段可以去工作了呢?
为什么七牛上传图片会报错
关于过载动画的问题



快速导航

Copyright © 2016 phpStudy |