标签:动画效果 relative pre play bug span nbsp 效果 display
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种可以调整子级分配比例,实现动画效果。
标签:动画效果 relative pre play bug span nbsp 效果 display
原文地址:http://www.cnblogs.com/paul-du/p/6336528.html