弹性布局(box-flax)
弹性布局有以下样式
(1),dispaly:-webkit-Box/-moz-box(用于父容器上)
(2),(-webkit-/-moz-)box-orient:horizontal/vertical(用于父元素)
(3),(-webkit-/-moz-)box-pack:center/justify(用于父元素)
(4),(-webkit-/-moz-)box-flax:N(用于子元素)
(5),(-webkit-/-moz-)box-direction:reverse(用于父元素)
(6),(-webkit-/-moz-)box-ordinal-group:N(用于子元素功能等同与5)
如:
.parent{
width:500px;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-direction:reverse;
-webkit-pack:center;
}
.child1{
-webkit-box-flax:1;
}
.child2{
-webkit-box-flax:2;
}
.child3{
-webkit-box-flax:2;
}