flex 意思是弹性布局，用来给盒模型提供最大的灵活度，指定容器中的项目为弹性布局，类似于float:left; 比float的好处是容器没有设置高度，会根据项目来自适应高度，我们都知道，设置float属性，如果没有设置高度，那么容器会脱离文档流，需要清除浮动，才可以根据项目的高度规定高度。 父元素 ...
分类：
其他好文 时间：
2017-08-13 01:05:08
阅读次数：
171
做了两天星巴克的项目，说一些自己以及网上整理的对弹性布局的看法。 flex弹性布局 1.了解两个基本概念： 容器：需要添加弹性布局的元素； 项目：弹性布局中的每一个子元素，称为项目； 2.弹性布局使用 给父容器添加display：flex/inline-flex；属性即可使容器内的内容采用弹性布局显 ...
分类：
其他好文 时间：
2017-08-12 21:15:19
阅读次数：
228
一、CSS3属性的兼容 transform: rotate(45deg) scale(1.5) translate(150px, 200px); 二、什么是弹性布局 CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调 ...
分类：
其他好文 时间：
2017-08-06 14:59:47
阅读次数：
175
关于Flex，有12个属性非常重要 这几天在学习Flex布局，发现Flex真的好厉害！ Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性。 Flex是它能够简单、完整、响应式的实现各种网页布局，眼下已经得到了大多数主流浏览器的支持，有关于它的兼容性能够在Can ...
分类：
其他好文 时间：
2017-08-06 12:42:49
阅读次数：
615
Flex 是 Flexible Box 的缩写，意为"弹性布局"。任何一个容器都可以指定为 Flex 布局。语法部分参考链接在文末给出一篇阮一峰大神的文章，讲的非常详细。 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Fl ...
分类：
Web程序 时间：
2017-07-29 21:30:21
阅读次数：
150
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何 ...
分类：
其他好文 时间：
2017-07-28 18:24:41
阅读次数：
163
Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。如： .box{ display:flex; } 行内元素也可以使用Flex布局。 .box{ display:inline-flex; } 注意，设为Flex布局以后 ...
分类：
其他好文 时间：
2017-07-23 19:56:30
阅读次数：
155
www.ruanyifeng.com/blog/2015/07/flex-grammar.html ...
分类：
其他好文 时间：
2017-07-22 22:33:11
阅读次数：
167
一.单词部分 ①flex弹性布局 ②flex-direction伸缩方向 ③justify-content对齐 ④align-items对齐属性 ⑤align-content垂直布局 ⑥media媒体 ⑦device-width设备宽度 ⑧orientation方向 ⑨landscape竖屏 por ...
分类：
移动开发 时间：
2017-07-18 10:11:59
阅读次数：
927
Android 布局介绍 LinearLayout 线性布局 RelativeLayout 相对布局 TableLayout 表格布局 FrameLayout 帧布局 ConstraintLayout 弹性布局（新） 介绍：http://www.jianshu.com/p/32a0a6e0a98a ...
分类：
移动开发 时间：
2017-07-18 01:49:44
阅读次数：
347
