0.基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 1.传统固定布局： 实现方法：用width和height指定宽高px值、以及float浮动 缺点： ...
分类：
其他好文 时间：
2019-07-11 12:33:03
阅读次数：
79
Flex布局 必记属性 flex-container 属性 ：row 从左往右 （默认一行一行展示） ：row-reverse 从右往左 （反向） ：column 从上往下 （一列一列展示） ：column-reverse 从下往上 （反向） ：wrap 换行 ：no-wrap 不换行（默认此状态） ...
分类：
其他好文 时间：
2019-07-10 18:09:29
阅读次数：
90
富文本结构： 富文本样式： 效果图： 既然要兼容到pc端上的编辑器（本pc项目使用的是百度编辑器），所以存数据的时候带上标签传给后台 然而数据返回也是一个json的格式，所以解析方法，这是一个封装的方法，中间引用到一个插件的 xmldom是一个解析标签的，因为小程序么有dom元素，也没有js中获取某 ...
分类：
微信 时间：
2019-07-08 19:43:15
阅读次数：
266
float inline block flex ...
分类：
其他好文 时间：
2019-07-08 10:51:13
阅读次数：
109
一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状 ...
分类：
Web程序 时间：
2019-07-07 14:54:11
阅读次数：
141
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实现，但是这两 ...
分类：
其他好文 时间：
2019-07-06 00:04:11
阅读次数：
95
先看上面的代码，解释一下意思，看你能认识多少（后面有注释）： 1，什么是主轴，什么是交叉轴？ 下面就给你解释一下上面的问题，咱们先看图： 1，水平主轴就是图中的（main axis）线标出的 2，垂直交叉轴就是（cross axis）线标出的 那其他的又是什么？ 看下面的全部解释： 容器默认存在两根 ...
分类：
Web程序 时间：
2019-07-06 00:01:16
阅读次数：
141
父级的宽度： 375 用来每个子元素的宽度：40 设置了 flex：1，每个子元素的宽度为125 125*3= 375， 设置flex=1后子元素会平均的分配父级元素剩下的宽度 ...
分类：
其他好文 时间：
2019-07-05 21:13:52
阅读次数：
150
一、移动端布局计算 Flex： Flex： 采用Flex布局的元素，它的所有子元素自动成为容器成员，可以自动分配空间，适合做移动端开发 rem： rem： 在不同的设备上显示不同的效果，因此适合做移动端开发 二、移动设备常见属性 physical pixel： physical pixel： 物理像 ...
分类：
移动开发 时间：
2019-07-04 00:12:54
阅读次数：
151
display:flex; align-items:center; justify-content:center; display:flex; align-items:center; justify-content:center; display:flex; align-items:center; ...
分类：
微信 时间：
2019-07-03 19:56:01
阅读次数：
795
