前几天写过怪异盒子布局，以前在项目中用到弹性布局flex这个属性，当时没深入研究，这里各种查阅各种测试，把这个属性记录下 以免忘记，弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。让一个盒子具有...
分类：
其他好文 时间：
2015-10-02 16:10:12
阅读次数：
276
基本概念flex 是 flexible box 的简称, 也就是弹性盒模型， 所以它并不是一个单独的属性，而是一套完整的模型，包含了一整套的属性，其中一些属性是设置在容器（父元素，称之为flex container）上的，其余的属性设置在子元素（flex items）上。弹性盒模型基于 flex-f...
分类：
其他好文 时间：
2015-09-19 15:07:22
阅读次数：
181
文章目录基础知识属性介绍display: flex | inline-flex; (适用于父类容器元素上)请注意：flex-direction (适用于父类容器的元素上)flex-wrap (适用于父类容器上)flex-flow (适用于父类容器上)justify-content (适用于父类容器上...
分类：
Web程序 时间：
2015-09-16 00:39:09
阅读次数：
748
旧式的弹性盒子1、在拥有盒子的盒子上加display:box; 或inline-box开启弹性盒模型2、box-flex 分配空间，假如容器有a份，box-flex:2，那就占a分之23、分布方向 水平box-orient: horizontal; 垂直box-orient:vertical;4、定...
分类：
Web程序 时间：
2015-09-07 00:21:27
阅读次数：
290
弹性盒模型 兼容性有点差：display: flex; （主轴和侧轴）flex - direction: ( 方向的设置 ) column 从上往下排列 column - reverse 从下往上排列 row 从左向右排列（默认值） row - reverse 从右向左排列jus...
分类：
其他好文 时间：
2015-09-01 01:31:28
阅读次数：
166
今天刚学了css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超...
分类：
Web程序 时间：
2015-08-26 19:38:44
阅读次数：
198
Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些颇受关注的亮点：
从Less迁移到Sass： 现在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Bootstrap的编译速度比以前更快；
改进网格系统：新增一个网格层适配移动设备，并整顿语义混合。
支持选择弹性盒模型（flexbox）：这是项划时代的功能——...
分类：
其他好文 时间：
2015-08-25 14:20:46
阅读次数：
166
box-align：start|end|center|baseline|stretchstart：设置弹性盒模型对象的子元素从开始位置对齐center：设置弹性盒模型对象的子元素居中对齐end：设置弹性盒模型对象的子元素从结束位置对齐baseline：设置弹性盒模型对象的子元素基线对齐stretch...
分类：
Web程序 时间：
2015-08-17 11:35:00
阅读次数：
194
弹性盒子模型效果：一、弹性盒子模型1.流式布局<!--流式布局--><divstyle=‘display:inline;border:1pxsolidorange‘><divstyle=‘display:inline;background:#66ccff‘>流式文件左边</div><divstyle=‘display:inline;background:#ffffff‘>流式文件..
分类：
移动开发 时间：
2015-08-14 19:35:32
阅读次数：
174
Css3引入了新的盒模型——弹性盒模型，其实上一篇文章已经讲到了一个box-flex，今天来讲讲另外的两个弹性盒模型属性box-orient 和 box-direction。1、box-origent:水平或垂直分布。box-origent有两个值：horizional（水平）和vertical（垂...
分类：
Web程序 时间：
2015-07-18 00:23:40
阅读次数：
241
