目录 弹性布局学习 介绍 一 弹性布局学习 详解flex direction 决定主轴的方向 二 弹性布局学习 详解justify content 三 弹性布局学习 详解align items 四 弹性布局学习 详解flex wrap 五 ...
2016-11-15 13:15 0 9121 推荐指数：
flex布局 可以用父和子来区分felx flex container容器 父 flex item项目 子 flex就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式 flex-direction设置主轴的方向 row默认值从左到右 row-reverse从右到左 ...
使用弹性盒子可以更方便的对页面内容进行布局 flex-direction指定了子元素在父元素盒子中的排列方式 1.flex-direction:row flex默认排列方式，从左到右排列，左对齐 2.flex-direction：row-reverse ...
采用Flex布局的元素，被称为Flex容器(flex container)，简称"容器"。其所有子元素自动成为容器成员，成为Flex项目(Flex item)，简称"项目" Flex-direction调整主轴方向（默认为水平方向）包括row、column、row-reverse ...
语法： flex-direction：row | row-reverse | column | column-reverse 默认值：row 适用于：flex容器 继承性：无 动画性：否 计算值：指定值 取值： row： 主轴 ...
; } 2、flex-direction，几种排序的方式。 row: child水平方向排列 column: ...
1、什么是 flex 布局 Flex 是 Flexible Box 的缩写，意为"灵活的盒子"或"弹性的盒子"，所以 flex 布局一般也叫作"弹性布局"。 2、基本概念 2.1、什么是 flex 容器（flex container）？ 采用 flex 布局的元素，称为 flex 容器 ...
