photo.jpg
| 属性 | 作用 |
|---|---|
| flex-direction | 方向 |
| flex-wrap | 换行 |
| flex-flow | 上面两个简写 |
| justify-content | 主轴方向对齐方式 （center，space-between，space-around，flex-end，flex-start） |
| align-items | 侧轴对齐方式 （strech，flex-start，flex-end，center ） |
| align-content | 多行、列内容对齐方式 |
| 属性 | 作用 |
|---|---|
| flex-grow | 增长比例 |
| flex-shrink | 收缩比例 |
| flex-basis | 默认大小 |
| flex | 上面三个缩写 |
| order | 顺序（代替双飞翼） |
| slign-self | 自身的对齐方式 |
FLEX布局 一种新的布局方式，flex布局 flex布局与方向无关 flex布局可以实现空间自动分配、自动对齐。...
一、简介 Flex布局为CSS3提供的一种新式页面布局方法，通过调整其内元素的宽高，从而在任何显示设备上实现对可...
Flex flex和inline-flex flex-direction flex-wrap flex-flow ...
flex是flex， flex-grow，flex-shrink, flex-basis 的缩写形式：flex-...
flex : none | flex-grow | flex-shrink | flex-basis flex:1...
flex :flex-group flex-shirk flex-basis ① flex-group 剩余空...
flex: flex-grow flex-shrink flex-basis; flex-grow：变大 fle...
flex布局 display: flex; //水平 flex-direction: row;(默认） flex-...
flex 布局 容器属性flex-flow ［flex-direction］［flex-...
flex:flex-grow flex-shrink flex-basis flex-grow 默认为0，即如果...
本文标题：初见FLEX
本文链接：https://www.haomeiwen.com/subject/gzqmlxtx.html
网友评论