注意：无论是什么布局，最外面都需要加个版心，这样不会导致整个布局超过可视区域，形成横向滚动条。 1.流式布局 (百分比布局) 宽度使用百分比，高度使用px 2.伸缩布局 (弹性布局) flex 2.1 作用：使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥 ...
分类：
移动开发 时间：
2020-05-24 14:07:21
阅读次数：
108
学习css的flex属性使用方法前要先了解flex 有主轴和副轴的概念。 主轴默认就是x轴，副轴默认是y轴。但是主轴和父轴是可以设置的。 一、先了解 display:flex; 添加弹性盒子 和 flex-direction 设置x轴或y轴哪个是主轴的属性 <!DOCTYPE html> <html ...
分类：
Web程序 时间：
2020-05-24 11:40:52
阅读次数：
68
使用React简短代码动态生成栅格布局 作为 TerminalMACS 的一个子进程模块 React Web管理端，使用Ant Design Pro作为框架。 本文应用到的知识 1.样式文件less中方法的使用 2.for循环创建按钮和栅格布局(flex布局) 1. 最终效果及源码链接 作为前端新手 ...
分类：
其他好文 时间：
2020-05-24 09:15:45
阅读次数：
52
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
BFC实际上是形成一个独立的区域，与外界元素互不影响。 触发BFC的条件可以有： 1. overflow不为visible 2. float不为none 3. position不为static或relative 4. display为table-cell、flex、inline-block、inli ...
分类：
其他好文 时间：
2020-05-20 20:11:37
阅读次数：
62
常用知识点 display: flex; 父容器：justify-content属性用于定义如何沿着主轴方向排列子容器。 justify-content:flex-start：起始端对齐 左对齐 justify-content:flex-end：末尾段对齐 右对齐 justify-content:c ...
分类：
其他好文 时间：
2020-05-20 12:02:09
阅读次数：
50
本文译自 A Complete Guide to Flexbox这里，针对本文介绍的属性列个提纲： 伸缩容器属性： display flex-direction flex-wrap flex-flow justify-content align-items align-content 伸缩项目属性： ...
分类：
其他好文 时间：
2020-05-19 20:10:17
阅读次数：
63
来源：微信小程序使用flex的一些基础样式属性作者：Nazi 接下来 再介绍两个属性，align-items 和 align-self align-items: flex-start | flex-end | center | baseline | stretch; align-self: auto ...
分类：
微信 时间：
2020-05-19 12:44:04
阅读次数：
82
成员说明类型默认值 [nzOffset] 栅格左侧的间隔格数，间隔内不可以有栅格 number 0 [nzOrder] 栅格顺序，flex 布局模式下有效 number 0 [nzPull] 栅格向左移动格数 number 0 [nzPush] 栅格向右移动格数 number 0 [nzSpan] ...
分类：
其他好文 时间：
2020-05-19 10:40:44
阅读次数：
224
