box-direction: normal|reverse|inherit;
box-flex: value;
box-flex-group: integer;
box-lines: single|multiple;
box-ordinal-group: integer;
box-orient: horizontal(水平) | vertical(垂直) | inline-axis | block-axis | inherit
box-pack: start|end|center|justify(两端对齐);
box-sizing: content-box|border-box|inherit:
box-shadow: h-shadow v-shadow blur spread color inset;
例子:
使用灵活的盒模型容器内平均分配子元素很容易:
CSS Code复制内容到剪贴板
.container {
display: box;
box-align: stretch;
box-orient: vertical;
}
.container span{box-flex:1;}
实例:CSS 3 Flexible Box Model
注意:
外层必须具有宽度。内层必须具有BFC。










