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
下面代码来自MDN html部分： css部分： 效果部分： 以上代码描述，id为content容器中有5个小盒，content容器定宽500px， 每个小盒的初始内容宽度是120px + 边框3px * 2 = 126px， 现在前三个小盒flex-shrink数值为1，后两个数值为2，下面计算： ...
分类：
其他好文 时间：
2019-03-04 09:56:09
阅读次数：
170
flex：auto 将增长值与收缩值设置为1，基本大小为 auto 。 flex：none. 将增长值与收缩值设置为0，基本大小为 auto 。也就是固定大小。 增长： 基本大小 + 额外空间 *（增长系数 / 增长系数总和） 按比例划分额外空间，然后各自分配。 缩小： 基本大小 – 溢出大小 *（ ...
分类：
其他好文 时间：
2019-03-01 18:32:52
阅读次数：
230
移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t ...
分类：
移动开发 时间：
2019-03-01 09:31:37
阅读次数：
238
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
1 关于win flex lex & yacc 或 flex & bison 工具组合在 Unix , Linux , BSD 上使用不会有太大的问题，但在 Windows 上使用通常需要安装 MinGW+ ( Msys 或 Msys2 ) 或者 Cygwin 。 Win flex-bison 提供 ...
比如说，有一个div，我想在左侧和右侧各方一个元素。 如果不想用flex，那就只能用浮动了。 咋一看并没有问题，对不对？ 但是这样不行：想挂在右侧的那个元素会被挤下去。 只要把浮动元素放在非浮动元素前面就行了。 就是这样。 ...
分类：
Web程序 时间：
2019-02-26 19:30:17
阅读次数：
182
