flex 布局

常用容器语法

• flex-direction（显示方向）: row | row-reverse | column | column-reverse;
• justify-content（水平对齐）: flex-start | flex-end | center | space-between | space-around;
• flex-wrap（换行）: nowrap | wrap | wrap-reverse;
• align-items（垂直对齐）: flex-start | flex-end | center | baseline | stretch;

常用元素语法

• align-self（垂直对齐）: auto | flex-start | flex-end | center | baseline | stretch;

色字实例

源码预览打开窗口

查看源码