1、display flex | inline-flex;(适用于父类元素上) (1) flex：将对象作为弹性伸缩盒显示。 (2) inline-flex：将对象作为内联块级弹性伸缩盒显示。 2、flex-flow (适用于父容器上)复合属性。 (1) flex-direction（适用于父容器的 ...
分类：
其他好文 时间：
2019-04-17 09:44:02
阅读次数：
183
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-04-15 18:18:24
阅读次数：
123
（1）弹性容器与弹性元素 对于某个元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性。 弹性容器的两根轴非常重要，所有属性都是作用于轴的。下面从轴入手，将所有flex布局属性串起来理解。 （2）主轴方向 可以在弹性容器上通过flex-directio ...
分类：
其他好文 时间：
2019-04-15 12:00:35
阅读次数：
179
flex意为"弹性布局" 这次主要探究的是flex:1与flex:auto的区别,flex是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。 首先上代码： 上面为flex的基础布局，效果如下： 下来看看：flex：1的效果： 再下来看看flex ...
分类：
其他好文 时间：
2019-03-15 19:04:12
阅读次数：
1258
1、flex 布局的概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 inline-flex 和 inline-block 一样，对设置 ...
分类：
Web程序 时间：
2019-03-06 19:25:57
阅读次数：
239
首先了解Flex布局是什么？ Flex是Flexible Box的缩写，意思是"弹性布局"，用来为盒状模型提供灵活性。 任何一个容器都可以指定为Flex布局 行内元素也可以使用Flex布局 webkit内核的浏览器，必须加上-webkit-前缀 注意：设为Flex布局后，子元素的float、clea ...
分类：
其他好文 时间：
2019-03-06 01:04:22
阅读次数：
151
项目实战 一、flexible.js库 flexible是淘宝推出的弹性布局方案，可以解决移动端设备适配问题 添加<meta>标签，并动态改写 <meta> 标签 给 <html> 元素添加 data-dpr 属性，并且动态改写 data-dpr 的值 给 <html> 元素添加 font-size ...
分类：
移动开发 时间：
2019-03-01 09:16:00
阅读次数：
279
flex方向 flex方向由flex-direction特性决定,用于定义弹性布局模式。flex-direction共有4种模式：从左向右、从右向左、从上往下、从下往上。 主轴 主轴的起点与主轴的终点定义了容器元素的开始和结束边缘。 交叉轴 交叉轴的起点与终点定义了容器的顶部与底部。 从左向右：fl ...
分类：
其他好文 时间：
2019-02-28 23:07:38
阅读次数：
1091
Flex弹性盒布局 一、 Flex的发展史 Flex弹性盒布局 一、 Flex的发展史 2009年W3C 提出概念，但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox，来形容它的布局特点 二、 定义 Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ...
分类：
移动开发 时间：
2019-02-28 18:10:35
阅读次数：
245
弹性布局，这一块当时学的时候主要参考阮一峰老师的博客，写的超详细，链接如下 语法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 实例篇：http://www.ruanyifeng.com/bl ...
分类：
其他好文 时间：
2019-02-28 13:13:50
阅读次数：
143
