1、 要使用伸缩部局先要给 父元素设置为伸缩盒子 display:flex; 2、 伸缩盒子具有了主轴（默认水平从左向右） 伸缩盒子还有测轴（侧轴始终垂直于主轴） 伸缩盒子中所有的子元素都按照主轴的方向显示 3、 设置主轴方向 (默认值row) flex-direction:row; 从左向右 fl ...
首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值应当是 0 1 auto。同理，如下是等同的： .item {flex: 2 ...
分类：
其他好文 时间：
2018-09-11 16:15:47
阅读次数：
170
1、flex，主要就是按比例分配。（例如：两个div的flex:1，就大小相等） 2、flex-direction，几种排序的方式。 3、justify-content，几种横向内容排序的方式。 4、align-items，几种竖向内容排序的方式。 5、flex-wrap，换行与不换行。 6、ali ...
分类：
其他好文 时间：
2018-09-11 16:12:13
阅读次数：
631
flex弹性布局 ／ 2-1 flexbox介绍 flex弹性盒式模型。 它能够更加高效方便控制元素对齐，排列，更重要的是能够自动计算布局内元素的尺寸，无论这个元素的尺寸是固定的还是动态的。 css布局模型 flex弹性布局 ／ 3-1 display属性 display: flex; 布局方式变成 ...
分类：
其他好文 时间：
2018-09-10 11:11:57
阅读次数：
251
伸缩容器支持的属性有： 1,display 2,flex-direction 3,flex-wrap 4,flex-flow 5,justify-content 6,align-items 7,align-content 8,order 9,flex-grow 10,flex-basis 11,fl ...
分类：
微信 时间：
2018-09-09 14:57:09
阅读次数：
197
依然使用案例驱动~案例是学习的最好实践！ <html> <html> <head> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" ...
分类：
Web程序 时间：
2018-09-08 17:17:27
阅读次数：
344
写好html后，其实就是一堆文字而已，还是要靠css去弄。 全都用rem，100%即可。 加上不可缩放，基本就能响应式了 如果网页里有图片，那么如果页面宽度比图片笑小了，那么就会有滑动条了 这个也是没法的 flex布局，相当于让里面的元素浮动了！ 再让列表作为flex 父元素 还是有高度的 用mar ...
分类：
其他好文 时间：
2018-09-07 21:35:13
阅读次数：
219
建一个简单html模板： 1.使用line-height 在div高度固定的情况下，并且不会换行的时候可以用。(注：如果出现换行，那么每一行都有容器那么高) 备注：img虽然是inline-block，有时候会发现并没有跟着span一起居中，这是因为vertical-align属性导致的需要加上: ...
分类：
Web程序 时间：
2018-09-07 11:54:21
阅读次数：
181
国际新闻 国内新闻 世界杯 美征收钢铝关税 墨西哥称将向世贸组织投诉美国 ... ...
分类：
Web程序 时间：
2018-09-06 00:07:28
阅读次数：
228
Bootstrap 4 通过 flex 类来控制页面的布局。 弹性盒子(flexbox) Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布局，而不是使用浮动来布局。 弹性盒子是 CSS3 的一种新的布局模式，更适合响应式的设计，如果你还不了... ...
分类：
其他好文 时间：
2018-09-04 13:41:01
阅读次数：
415
