1.flex布局体验 1.1 传统布局和flex布局 传统布局 兼容性好 布局繁琐 局限性，不能在移动端很好的布局 flex布局 操作方便，移动端广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 1.2 布局原理 flex 是flexible box的缩写，意为弹性布局，用来为 ...
分类：
其他好文 时间：
2020-05-23 11:40:02
阅读次数：
55
垂直居中： 块级元素 1.使用position设置定位方式后进行元素的偏移 2.利用CSS3的弹性布局（flex） 内联元素 使用CSS3 flex布局 水平居中： 块级元素 1.直接设置margin 2.使用position设置定位方式后进行元素的偏移（类似于垂直居中相应的方法），先设置left： ...
分类：
其他好文 时间：
2020-05-23 00:36:08
阅读次数：
49
二.弹性布局(重点******************************************) 1.什么是弹性布局 弹性布局，是一种布局方式。 主要解决的是某个元素中子元素的布局方式 让页面布局更加的灵活 2.弹性布局专有的名词解释 1.容器 要发生弹性布局的子元素，他们的父元素，成为容器 ...
分类：
Web程序 时间：
2020-05-19 23:10:06
阅读次数：
142
１. 弹性盒子中： flex: 0 1 auto表示什么意思 flex默认三个参数是flex-grow, flex-shrink, flex-basis，默认值是０ 1 auto。 flex-grow属性定义项目的放大比例，默认为０，即如果存在剩余空间，也不放大； flex-shrink属性定义项目 ...
分类：
其他好文 时间：
2020-05-18 18:47:26
阅读次数：
67
flex是flexble Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后，子元素的float（浮动）、clear（清除浮动）和vertical-align（垂直居中，margin: 0 auto是水平居中） ...
分类：
移动开发 时间：
2020-05-18 00:56:29
阅读次数：
107
介绍 狭义的来讲，前端指的就是我们常说的html, css, javascript. 三者必不可缺. 而其中涵盖的知识点不可一篇文章就能完整的讲述出来的。广义的定位，涉及到浏览器，手机App里面的用户交互展示的内容，都属于前端。 知识点 HTML CSS 布局(流式布局, 栅格布局，弹性布局) CS ...
分类：
其他好文 时间：
2020-05-09 20:57:49
阅读次数：
67
垂直居中 相信我们大多数人都是从static,浮动，定位这三种布局方式来开始制作网页的。在大多数的业务需求下，浮动和定位都能够很好的满足我们的开发需要。即使是在响应式设计中，浮动和定位配合百分比，rem，媒体查询都能够解决大多数的问题。但是如果你只使用浮动和定位的话，碰到以下的场景你就会发现不是那么 ...
分类：
其他好文 时间：
2020-05-05 17:38:47
阅读次数：
79
案例基础布局 html <ul class="box"> <li class="item"></li> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ul> css .box{ display: -web ...
分类：
其他好文 时间：
2020-05-02 13:25:00
阅读次数：
55
弹性盒子 使用弹性布局，首先要将父盒子定义为弹性盒子。 display: flex display: inline flex 行级弹性盒子,类似inline block 弹性元素 弹性盒子内的元素称为”弹性元素“。 弹性布局实际上就是要对弹性元素的排列做各种设置。 排列方向 flex directi ...
分类：
Web程序 时间：
2020-05-02 12:17:44
阅读次数：
86
简介： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex ...
分类：
Web程序 时间：
2020-04-25 13:07:32
阅读次数：
79
