flex布局 用以代替浮动的布局手段； 必须先把一个元素设置为弹性容器；//display：flex； 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 主轴：弹性元素排列的方向； 弹性容器的属性 1、flex-d ...
分类：
其他好文 时间：
2020-04-05 23:54:02
阅读次数：
110
一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 1 2 3 .box{ display:flex; } 行内元素也可以使用Flex布局。 1 2 3 .box{ display:i ...
分类：
其他好文 时间：
2020-04-05 22:16:09
阅读次数：
89
flex wrap属性设置?项?的换行方式 | 值 | 描述 | | : | : | | nowrap | 默认值。不换行 | | wrap | 换?，从上往下排列，第?行在上方。 | | wrap reverse | 换行，从下往上排列，第一行在下方。 | flex flow属性是flex dir ...
分类：
其他好文 时间：
2020-04-05 11:37:34
阅读次数：
115
flex direction属性决定主轴的?向 | 值 | 描述 | | : | : | | row | 默认值。主轴为水平?方向，起点在左边。 | | row reverse |主轴为水平?方向，起点在右边。 | | column | 主轴为垂直方向，起点在上面。 | | column rever ...
分类：
其他好文 时间：
2020-04-05 11:35:45
阅读次数：
75
flex布局是什什么？ Flex意思是弹性布局，是css3中的新布局模块，?用来为盒模型提供最?大的灵活性。可改进容器?中的项?目对?齐，?方向和顺序，即使他们具有动态甚?是未知?小。Flex容器?能够调节?子节点的宽度或高度，以便便适应不同的屏幕尺寸。 基本概念 flex布局可以将?个元素看成?个 ...
分类：
其他好文 时间：
2020-04-05 11:15:45
阅读次数：
58
FLEX布局 布局也称弹性布局，可以为盒状模型提供最大的灵活性，是布局的首选方案，现已得到所有现代浏览器的支持。 基础 通过指定 来标识一个弹性布局盒子，称为 容器，容器内部的盒子就成为 容器的成员，容器默认两根轴线，水平的主轴与垂直的交叉轴，主轴的开始位置叫做 ，结束位置叫做 ；交叉轴的开始位置叫 ...
分类：
其他好文 时间：
2020-04-04 14:59:28
阅读次数：
82
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
移动端主流方案 1. 单独制作移动端页面（主流） 京东商城手机版 淘宝触屏版 苏宁易购手机版 .... 2. 响应式页面兼容移动端（其次） 三星手机官网 .... 移动端技术选型 ?流式布局（百分比布局） ?flex 弹性布局（推荐） ?rem适配布局（推荐） ?响应式布局 建议： 选取一种主要技术 ...
分类：
移动开发 时间：
2020-04-02 01:07:53
阅读次数：
112
flexbox 通过给父级添加display: flex; 使父级变成一个弹性盒模型，以此来影响后代元素(不会影响自身) 设置过弹性盒模型的父级，其子代一般不会超出父元素的内部范围，除非被内容撑开子元素的宽高，导致无法改变子元素的大小时会超出，（注意：一串数字或一串字母写在一起会被浏览器默认为一个字 ...
分类：
其他好文 时间：
2020-04-01 19:43:09
阅读次数：
71
使用一句三元表达式， <router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''"> <img src="../../assets/img/iconfont/unlogo.png" alt=""> //这里 ...
分类：
其他好文 时间：
2020-03-31 12:38:46
阅读次数：
64
