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
原文: http://www.imooc.com/wenda/detail/562829 无法滚动到溢出容器的Flex项的顶部 Html/CSS Cats萌萌 2019-06-03 10:44:03 所以，在尝试使用Flexbox建立一个有用的模式时，我发现了一个似乎是浏览器问题的东西，我想知道是否 ...
分类：
其他好文 时间：
2020-03-31 10:27:55
阅读次数：
61
display: flex; flex-direction: row; /*从左到右排序 1 2 3 */ flex-direction: row-reverse; /*从右到左排序 3 2 1 */ flex-direction: column; /*从上到下排序 1 2 3 */ flex-di ...
分类：
其他好文 时间：
2020-03-31 01:05:46
阅读次数：
79
看了这篇文章，你可以了解到以下布局方法： table-cell 定高水平垂直居中 不定高水平垂直居中 单行定高水平垂直居中 单行不定高水平垂直居中 多行定高水平垂直居中 多行不定高水平垂直居中 多列等高布局 左边定宽右边自适应布局 左边右边定宽中间自适应三列布局 最近开发遇到一些布局上的问题，由于不 ...
分类：
Web程序 时间：
2020-03-30 23:21:10
阅读次数：
96
1. 配置工作环境 sudo apt install gcc build-essential bison flex gettext tcl sharutils libncurses-dev zlib1g-dev exuberant-ctags g++ texinfo patch vim libtoo ...
分类：
系统相关 时间：
2020-03-28 13:23:19
阅读次数：
86
flex的使用以及布局 1.添加flex属性后的区别 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 复制代码 我是flex content 我是flex content 我是flex conten ...
分类：
其他好文 时间：
2020-03-27 00:32:16
阅读次数：
66
