html布局属性,hTML之FLEX布局属性

HTML之flex布局

flex布局是什么

flex布局，中文意思为弹性布局，用来为盒模型提供最大的支持，如果靠简单的float,position，很难将页面做的好看。flex灵活性非常的好，任何一个容器都可以定义为flex布局。下面通过案例来演示flex的属性

1.flex-direction

代码(这里只将属性部分写出)：

flex-direction:row;

/* 从右至左 */

flex-direction:row-reverse;

/* 从上至下 */

flex-direction:column;

/* 从下至上 */

flex-direction:column-reverse;

效果图：

2.flex-wrap

代码

flex-wrap:nowrap;

flex-wrap:wrap;

flex-wrap:wrap-reverse;

`

效果图：

3.flex-fow

代码