1、flex布局 案例一： 案例二： 保证不至于缩放得太小或太大 案例三：flex的值不一定要写成几份，可以写成固定值 案例四： 竖着3等分（父容器按照高度3等分） !!案例 用flex布局写携程网（发现携程网是伸缩布局：根据屏幕自适应） flex: 2 意义是啥 （剩余宽度里占比2等份） flex ...
分类：
Web程序 时间：
2019-04-21 10:18:15
阅读次数：
178
<script type="text/javascript"> alert(a); let a=2; </script> 以上代码报错： ReferenceError: can't access lexical declaration `a' before initialization（在初始化之前 ...
分类：
数据库 时间：
2019-04-17 16:46:33
阅读次数：
210
以前常用的页面布局是浮动和定位；后来css3的flex布局解决了浮动的一些主要缺点(无法撑起父元素，需要清除浮动) 任何一个容器都可以指定为 Flex 布局。 flex 主要属性表现： (1). 指定为flex display:flex; (2). 指定 方向 flex-direction: row ...
分类：
其他好文 时间：
2019-04-17 15:08:03
阅读次数：
131
1、display flex | inline-flex;(适用于父类元素上) (1) flex：将对象作为弹性伸缩盒显示。 (2) inline-flex：将对象作为内联块级弹性伸缩盒显示。 2、flex-flow (适用于父容器上)复合属性。 (1) flex-direction（适用于父容器的 ...
分类：
其他好文 时间：
2019-04-17 09:44:02
阅读次数：
183
上面是html代码 方法一：flex 方法二：c3计算属性 方法三：设置盒子间距值 ...
分类：
其他好文 时间：
2019-04-15 22:54:05
阅读次数：
130
首先，flex布局的迷之属性们，如果一知半解，机械记忆的话，那不到半个月基本忘光光。先感受一下这12个flex布局属性，是不是很“迷”人。 容器属性 flex-flowflex-directionflex-wrapjustify-contentalign-itemsalign-content 元素属 ...
分类：
其他好文 时间：
2019-04-15 18:14:57
阅读次数：
151
（1）弹性容器与弹性元素 对于某个元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性。 弹性容器的两根轴非常重要，所有属性都是作用于轴的。下面从轴入手，将所有flex布局属性串起来理解。 （2）主轴方向 可以在弹性容器上通过flex-directio ...
分类：
其他好文 时间：
2019-04-15 12:00:35
阅读次数：
179
display: -webkit-box; display: -webkit-flex; -webkit-box-pack: justify; -webkit-box-align: center; -webkit-justify-content: space-between; ...
分类：
其他好文 时间：
2019-04-15 10:27:50
阅读次数：
168
2009年，W3C提出了一种新的布局方案—-Flex 布局，可以简便、完整、响应式地实现各种页面布局。 目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 一，怎么运用FLEX布局 flex布局非常灵活，任一容器都可以指定为flex布局。块状只需要display属性规定为f ...
分类：
其他好文 时间：
2019-04-12 11:49:43
阅读次数：
125
