一、介绍Flex布局什么是Flex布局呢？Flex布局：又称弹性布局，它是Flexible Box 的缩写，它为盒状模型提供最大的灵活性。二、Flex布局的概念flex container：Flex容器（简称“容器”），即采用Flex布局的元素。flex item：Flex项目（简称“项目”），即容器的所有子元素自动成为容器成员。mian axis：水平的主 …
弹性盒子布局flex
一、flex布局体验传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1 flex弹性布局：操作方便，布局极为简单，移动端应用很广泛PC 端浏览器支持情况较差IE 11或更低版本，不支持或仅部分支持建议：1. 如果是PC端页面布局，我们还是传统布局。2. 如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2 初体验搭建 …
在面试的时候，当面试官问我们为什么要使用flex布局的时候，首先我们得先明白一点，问这个问题面试官到底想要了解什么？简单的回答”好用“肯定是不行的，任何方案和技术的出现都是为了弥补之前的缺陷，所以相比传统的布局方案存在的痛点，flex布局肯定有存在的优势和价值。所以接下来我们得说传统的布局是怎样的形式，然后使用了flex布局又是什么样的形式。布局的传统解决方 …
display:flex属性：一，项目属性二，容器属性项目属性：1，flex-direction2，flex-wrap3，justify-content4，align-items5，align-contentflex-direction:row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直 …
- 1