垂直居中： 块级元素 1.使用position设置定位方式后进行元素的偏移 2.利用CSS3的弹性布局（flex） 内联元素 使用CSS3 flex布局 水平居中： 块级元素 1.直接设置margin 2.使用position设置定位方式后进行元素的偏移（类似于垂直居中相应的方法），先设置left： ...
分类：
其他好文 时间：
2020-05-23 00:36:08
阅读次数：
49
成员说明类型默认值 [nzOffset] 栅格左侧的间隔格数，间隔内不可以有栅格 number 0 [nzOrder] 栅格顺序，flex 布局模式下有效 number 0 [nzPull] 栅格向左移动格数 number 0 [nzPush] 栅格向右移动格数 number 0 [nzSpan] ...
分类：
其他好文 时间：
2020-05-19 10:40:44
阅读次数：
224
flex是flexble Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后，子元素的float（浮动）、clear（清除浮动）和vertical-align（垂直居中，margin: 0 auto是水平居中） ...
分类：
移动开发 时间：
2020-05-18 00:56:29
阅读次数：
107
flex-basis是flex中的 子元素 属性，默认为auto ！！！此属性优先级大于width！！！ 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时，指子元素的width占父容器的width的百分比，当d1 为 50%，d2,d3 为25%时，见下图： 当 ...
分类：
其他好文 时间：
2020-05-16 00:16:16
阅读次数：
214
阮一峰的网络日志: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 采用Flex布局的元素 称之为Flex容器 它的所有子元素自动成为容器成员 称为 flex item 容器默认存在两根轴 水平的主轴,垂直的交叉轴 容器的属性 fle ...
分类：
其他好文 时间：
2020-05-12 16:35:19
阅读次数：
64
1.let、const更换为var声明 2.箭头函数更换为function 3.模板字符串``使用字符串拼接 4.flex布局更换为float浮动和positon定位 5.颜色rgb更换为16进制，rgba也可以通过识色转换为16机制，不过不透明，如果介意透明度的话可以外套一个div设置opacit ...
分类：
其他好文 时间：
2020-05-11 10:26:29
阅读次数：
202
1、常见 CSS 布局方式详见： 一些常见的 CSS 布局方式梳理，涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common... 2、几种 JavaScript 动画库推荐JavaScript 库对设计师和开发人员来说，都是非常有用的 ...
分类：
编程语言 时间：
2020-05-11 01:12:20
阅读次数：
80
# 1.flex布局体验 # ## 1.1 传统布局和flex布局## 传统布局 - 兼容性好 - 布局繁琐 - 局限性，不能在移动端很好的布局 flex布局 - 操作方便，移动端广泛 - PC端浏览器支持情况较差 - IE11或更低版本，不支持或仅部分支持 ## 1.2 布局原理 ## flex ...
分类：
移动开发 时间：
2020-05-05 17:50:07
阅读次数：
98
1.布局，一般情况下大屏都是恰好铺满整个屏幕，当我们f11切换全屏时候经常会导致空出一节或者有部分内容超出屏幕，导致观赏效果不佳。这时候我们只需要用100vh设置一个总容器再利用flex布局填充总容器就可以确保任何情况都是铺满全屏。 2.大屏资源实例：https://gitee.com/lvyeyo ...
分类：
其他好文 时间：
2020-05-05 10:35:49
阅读次数：
130
1.通过flex布局 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css垂直水平居中</title> 6 <style> 7 html, body { 8 margin: 0; 9 p ...
分类：
Web程序 时间：
2020-05-04 15:17:21
阅读次数：
61
