语法篇 flex 布局为弹性布局，用来为盒状模型提供最大的灵活性。 任何容器都能设置为弹性布局 兼容性 webkit内核浏览器需要加前缀-webkit ,另外旧版的为flex-box,其中相关属性也略有不同。详见http://www.ccwebsite.com/flex-layout-old-and ...
分类：
其他好文 时间：
2016-08-06 17:27:55
阅读次数：
112
flex布局分为容器的设置和容器内成员的设置，容器的设置是管理成员的排列方式，也就是管理排列的方向和对齐的位置。成员的设置则是关于成员的大小和显示的位置（order）。 弹性布局，弹性布局，自然要提现他的弹性，所谓弹性也就是对空间的分配。成员设置中的flex属性，就是对于额外空间的管理。 flex可 ...
分类：
其他好文 时间：
2016-08-04 13:20:58
阅读次数：
125
flexbox的核心是自适应动态变化的弹性布局 伸缩布局盒模型和术语 主轴main axis:Flex容器的主轴主要用来配置Flex项目。注意，它不一定是水平，这主要取决于flex-direction属性。main-start | main-end:Flex项目的配置从容器的主轴起点边开始，往主轴终 ...
分类：
其他好文 时间：
2016-07-14 15:11:49
阅读次数：
158
布局的方法： float（浮动布局） position（定位布局） 弹性布局（css3） float 先浮后动（水槽原理） 1，所用的元素都可以浮动。 2，具有float属性的元素在父标签里面不占空间。 3，float能解决标签之间有间隙的问题。 清除浮动有： 1，在浮动后面加一个空的div使用cl ...
分类：
Web程序 时间：
2016-07-14 15:01:25
阅读次数：
144
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为Flex布局 注意：webkit内核浏览器必须加上“-webkit-”前缀。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概览：采 ...
分类：
其他好文 时间：
2016-07-09 19:33:50
阅读次数：
205
webview页面的自适应一般有两种方法，即一是JS的计算方法，二是通过css的media设置分档方式。在此主要介绍css的方式。 一、设置基准值 设置body或者 html的基准值font-size:16px; 然后按照上面的分的iphone4,iphone6和iphone6s的三个分档。 二、选 ...
分类：
Web程序 时间：
2016-07-07 12:55:38
阅读次数：
389
一、Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、c ...
分类：
其他好文 时间：
2016-07-06 23:30:43
阅读次数：
312
今天在公司做项目的时候，遇到一个让我无从下手的问题。 这样的一个父容器DIV包含连个不同的span标签。标签内的字体不一样，要如何实现两个标签在中轴线上实现垂直居中呢？ 其他办法我实在想不出来，于是在同事的建议下使用了弹性布局，也就是flex。 下面简单的介绍一下flex布局。可参考阮一峰的flex ...
分类：
其他好文 时间：
2016-06-30 21:43:22
阅读次数：
403
CSS3中新增一种弹性布局模型：flexbox。网上关于flex的介绍很多，这里介绍下常用的几个属性。弹性布局的特点是非常灵活。可根据剩余的宽高，灵活布局。 先用图片说明flex具有哪些属性。（网上盗的图） 上图中flex容器即是父元素，flex项目为子元素。 属性说明 1.首先在父元素中定义dis ...
分类：
其他好文 时间：
2016-06-30 18:04:18
阅读次数：
226
