一、Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{display: flex;} 行内元素也可以使用Flex布局。 .box{display: inline-flex; } Web ...
分类：
微信 时间：
2018-08-02 14:55:47
阅读次数：
203
期望实现有序排列如下： 思路: 用到flex弹性布局（flex-direction:row-reverse; flex-wrap: wrap-reverse）+order属性（单个头像、序号、姓名在此看成一个元素模块先不管）， 1. 如果用flex-direction: row; flex-wrap ...
分类：
其他好文 时间：
2018-07-27 20:59:44
阅读次数：
150
CSS： 弹性布局 上下左右都固定，中间自适应 响应式设计： rem、百分比、媒体查询 伪类、伪元素 HTML5: 新增元素 Canvas，本地存储，cookie，音频、视频 Websocket JS： ...
分类：
其他好文 时间：
2018-07-25 10:21:54
阅读次数：
142
Flex布局，可以简便、完整、响应式地实现各种页面布局。 浏览器支持：得到所有浏览器的支持。（注：Flex布局将成为未来布局的首选方案） 一. Flex布局的概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 定 ...
分类：
Web程序 时间：
2018-07-24 17:47:10
阅读次数：
222
前几天看了阮一峰的Flex布局教程，讲的很不错，总结一下,有兴趣的可以去看原文http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 一 Flex布局？ Flex全名Flexible Box即弹性布局， 基本用法：display:flex; ...
分类：
其他好文 时间：
2018-07-23 18:02:06
阅读次数：
179
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing ...
分类：
Web程序 时间：
2018-07-18 21:39:21
阅读次数：
1028
最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex 编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的 ...
分类：
Web程序 时间：
2018-07-18 14:18:44
阅读次数：
153
浅谈CSS3中display属性的Flex布局 最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex 1 .container { 2 display: flex; 3 flex-direction: column; 4 align-items: center; ...
分类：
其他好文 时间：
2018-07-11 12:19:26
阅读次数：
177
弹性盒子模型有两种规范：早起的display:box 和后期的display:flex。它可以轻易的实现均分、浮动、居中等灵活布局，在移动端只考虑webkit内核时很实用。 一、display:box 二、display:flex ...
分类：
其他好文 时间：
2018-07-06 22:22:48
阅读次数：
152
一、固定布局： 宽度，高度固定，页面被一个固定网页包裹，容器不能移动，页面的宽高不随页面的变化而变化，这种布局大家比较熟悉，这种方式一度成为页面布局的主流方式，这样布局设计简单，更容易定义，但是由于屏幕尺寸的不同，特别是移动端各个设备的不同，这种布局在灵活性方式可用度不高。 二、流式布局 以百分比为 ...
分类：
其他好文 时间：
2018-06-29 18:28:35
阅读次数：
185
