CSS（flex）

父元素样式

/* 设置盒子模型 */
display: [flex|box];

/* 水平或竖直 */
flex-direction: [row|row-reverse|column|column-rerverse];
box-orient: [vertical|horizontal|inline-axis|block-axis];

/* 子元素对齐 */
align-items: [center|flex-start|flex-end|baseline|stretch]
justify-content:[...]
---
box-align: [center|start|end|baseline|stretch]
box-pack: [...]

子元素样式

box-flex: {number}
flex: {number}
/*
* 特别注意，有些浏览器下子元素要设置display: block。
* 否则，无法生效。嗯，坑你没商量。
*/

参考

• CSS Flexible Box Layout

• box-flex