- 设置弹性盒模型（display:flex;）后子集自动从左往右排列,如果容器长宽不够，会压缩长短使之在父级容器内。 - 常用容器属性 justify-content:flex-start/flex-end/center/sapce-between/space-around;(定义主轴的对齐方式) ...
分类：
其他好文 时间：
2017-09-03 14:13:40
阅读次数：
159
弹性盒子模型 布局方案 传统的布局方案大多采用div+css+float+position+display来实现，但是随着css3中弹性盒子模型的推出，在前端布局方案中就又多出了一项彪悍的选项。而因为最近在研究小程序，发现中间使用弹性盒子布局效果更好效率更高一点，所以就将之前学习弹性盒模型的相关知识 ...
分类：
其他好文 时间：
2017-09-02 23:18:48
阅读次数：
176
原文参考：http://www.qdfuns.com/notes/20002/46408b08fc7920240ce666df159e0af3.html / http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tui ...
分类：
其他好文 时间：
2017-09-01 20:22:10
阅读次数：
148
一、弹性盒模型（伸缩布局） flxible box 前言： 弹性布局，用来为盒子提供灵活性。就像是当把浏览器缩小的的时候，不会像float属性会依然往下掉，灵活性不好。而且当布局盒装模型的时候依赖于float+position+display，例如实现垂直居中就很不方便了。 一）语法 是不是感觉很熟 ...
分类：
其他好文 时间：
2017-08-26 12:51:23
阅读次数：
214
一、Flex布局（新版弹性盒模型） 1、是什么 flexible box 弹性盒模型 注意：设成flex布局之后，子元素的float clear vertical-align 都失效。该元素称为“容器”，子元素成为容器成员，称flex项目（简称“项目”） 默认类似line-block样式，row n ...
分类：
其他好文 时间：
2017-08-23 17:34:00
阅读次数：
118
1：学习微信小程序，首先的会一点前端的基础会比较容易上手，比如：HTML+CSS，JS，HTML5+CSS3； H5+CSS3中的弹性盒子在微信小程序中经常用到，这是必须掌握的。不会的可以去W3C文档学习，小编我很幸运，小程序没出来之前就学了H5+CSS3和JS的基础， 所以看相关开发文档和代码还是 ...
分类：
微信 时间：
2017-08-22 12:27:39
阅读次数：
263
一、 弹性盒模型 1、弹性盒子模型介绍 弹性盒模型（Flexible Box或Flexbox）是一个CSS3新增布局模块，官方称为CSS Flexible Box Layout Module,用于实现容器里项目的对齐、方向、排序（即使在线吗大小位置、动态生成的情况）。 弹性盒模型最大的特征在于，能够 ...
分类：
Web程序 时间：
2017-08-17 15:44:59
阅读次数：
211
前言：本篇随笔是对弹性盒子有了解的人来写的这篇文章，具体属性产生的效果这里不做说明，基础的东西去查文档。这里只是总结。 时至今日，css3的flex弹性盒子在移动端基本上都是支持的，但不排除有些些低版本的设备（Android4.4以下，只能兼容旧版的flexbox布局），还有个别的国产设备并不支持f ...
分类：
Web程序 时间：
2017-08-14 21:22:14
阅读次数：
249
1. justify-content 效果图 2.flex 三行三列 效果图 ...
分类：
Web程序 时间：
2017-08-13 12:18:45
阅读次数：
206
flex 意思是弹性布局，用来给盒模型提供最大的灵活度，指定容器中的项目为弹性布局，类似于float:left; 比float的好处是容器没有设置高度，会根据项目来自适应高度，我们都知道，设置float属性，如果没有设置高度，那么容器会脱离文档流，需要清除浮动，才可以根据项目的高度规定高度。 父元素 ...
分类：
其他好文 时间：
2017-08-13 01:05:08
阅读次数：
171
