dispaly:-webkit-box 布局中的坑
2015-07-30 11:21
197 查看
dispaly:-webkit-box 具体用法 这里大家可以网上查,
这里说下里面的坑
里面的子对象设置-webkit-box-flex: 1 -webkit-box-flex: 2 时;一般两个子元素宽度并不是1比2
所以这里建议设置成传统的百分比的形式
-webkit-box-flex: 1 用来做宽度自适应
比如一个左边200px宽 右边自适应,可以这
.parent{
dispaly:-webkit-box ;
}
.left{
dispaly:-webkit-box ;
}
.right{
-webkit-box-flex: 1 ;
}
<div class="parent">
<div class="left"></div><div class="right"></div>
</div>
这里说下里面的坑
里面的子对象设置-webkit-box-flex: 1 -webkit-box-flex: 2 时;一般两个子元素宽度并不是1比2
所以这里建议设置成传统的百分比的形式
-webkit-box-flex: 1 用来做宽度自适应
比如一个左边200px宽 右边自适应,可以这
.parent{
dispaly:-webkit-box ;
}
.left{
dispaly:-webkit-box ;
}
.right{
-webkit-box-flex: 1 ;
}
<div class="parent">
<div class="left"></div><div class="right"></div>
</div>
相关文章推荐
- 在eclipse中打开文件所在的目录
- Spring MVC-ContentNegotiatingViewResolver 多视图返回
- 消除游戏联通SDK对接
- 2015多校Solve this interesting problem
- 最小二乘拟合原理
- kvm虚拟机的克隆和分区扩容
- IOS 实现加入购物车的效果
- 数据结构——双链表
- 套接字编程简介(笔记)
- hdu 5326 Work (dp 记忆化搜索)
- SVN commit:remains in tree-conflict错误的解决办法
- 英文问路及回答
- 数据库小知识
- android 截图保存位置不在已选择的“SD卡”中
- android 截图保存位置不在已选择的“SD卡”中
- redis内存管理代码注释
- tomcat管理员密码设置
- Android 5.0内核和源代码学习(1)——系统简介
- HDU 2119 Matrix
- linux下一个网卡配置多个ip【虚拟ip】