二、box-flex属性（和谐版） 有道桌面词典显示，”flex”一词中文有“收缩”之意。不过，从此属性实际上产生的效果来看，无论怎样用“收缩”一词解释都显得很牵强。所以，这里，直接抛开字面意思，我们可以将”box-flex”理解为”房子-分配”。box为“盒子”的意思，我们可以理解为当下价格巨高的 ...
分类：
Web程序 时间：
2016-07-02 11:51:34
阅读次数：
261
Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。 首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。 <style> .container{ width: ...
分类：
其他好文 时间：
2016-06-25 06:05:15
阅读次数：
173
第一种： 利用 display:table 和 display:table-cell 的方式 这种方式就好像将table布局搬过来一样，相信大家对table的td还是有印象的，它的内容是可以设置垂直居中的. DEMO: 第二种方式：利用css3 display:box弹性盒子模型,css3的特别样式 ...
分类：
Web程序 时间：
2016-06-16 17:38:38
阅读次数：
244
弹性盒子是css自适应布局的一种好用的方法，有了它可以减少浮动的使用（避免清浮动）. 首先考虑一下兼容性 基本高版本主流浏览期都兼容,不过需要加前缀 最新写法为display:flex但是实际很多国产浏览器并不兼容,所以我还是用的display:box的写法并没有兼容两种. 所以主要介绍-webki ...
分类：
其他好文 时间：
2016-06-02 13:11:15
阅读次数：
134
今天学了一下c3中的弹性盒子，属性挺多。做一下规整 首先要在父元素中设置display: flex;这个属性。我现在的理解就是一种类似于左漂浮的状态，但是其子元素的宽度可以根据各种属性改变。 1.在子元素中设置order: （number）;数值随意的整数，数值越大越往后排。 2.flex-grow ...
分类：
其他好文 时间：
2016-06-01 21:25:04
阅读次数：
187
动画属性 背景属性 边框(Border) 和 轮廓(Outline) 属性 盒子(Box) 属性 颜色(Color) 属性 内边距(Padding) 属性 媒体页面内容属性 尺寸(Dimension) 属性 弹性盒子模型（Flexible Box） 属性 字体（Font） 属性 内容生成属性(Gen ...
分类：
Web程序 时间：
2016-05-24 22:19:00
阅读次数：
236
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！
所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。
大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名...
分类：
Web程序 时间：
2016-05-21 10:18:48
阅读次数：
295
FlexboxLayout介绍：Flexbox 也称为弹性盒子模型 或伸缩盒子模型，广泛用于前端开发，做过前端 web 的都知道Bootstrap 中有一套强大的 CSS Grid网格样式。Bootstrap 的出现 大大提高了前端开发的效率，并且引领了响应式布局、跨平台开发的潮流。FlexboxLayout 就是类似于 bootstrap 中的Grid栅格系统但又不相同的强大控件,其实更接近于前...
分类：
其他好文 时间：
2016-05-18 18:46:36
阅读次数：
211
一、box-sizing 属性 规定两个并排的带边框的框 二、align-items (适用于父类容器上) 设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式。 值： flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。 flex-end：弹性盒子元素的侧轴（纵 ...
分类：
Web程序 时间：
2016-05-05 16:01:43
阅读次数：
249
标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上来说，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位这三种定位机制，CSS3中的transform和弹性盒子模块还有... ...
分类：
Web程序 时间：
2016-04-22 16:13:40
阅读次数：
302
