首页 > 代码库 > 移动端-弹性盒子
移动端-弹性盒子
1.
/*父级*/ display: box; display: -moz-box; display: -webkit-box; box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-orient: horizontal;/*horizontal表横向,vertical表垂直*/ /*子级*/ width:0; box-sizing: border-box; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; position: relative;
第1种子级宽度设置为0,解决子级宽度分配出现不等的bug
2.
/*父级*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; /*子级*/ -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;
第2种可以调整子级分配比例,实现动画效果。
移动端-弹性盒子
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。