一.简介 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。 容器： 需要添加弹性布局的父元素； 项目： 弹性布局容器中的每一个子元素，称为项目； 主轴： 在弹性布局中，我们会通过属性规定水平/垂直方向为主轴； 交叉轴： 与主轴 ...
分类：
其他好文 时间：
2019-09-11 13:30:51
阅读次数：
75
弹性盒子属性 一、align-content属性 属性作用：用于修改flex-wrap属性行为。类似于justify-content，但它不是设置弹性子元素的对齐，而是设置各个行的对齐。 属性值： flex-start 各行向侧轴的起始位置堆叠。 flex-end 各行向侧轴的结束位置堆叠。 cen ...
分类：
其他好文 时间：
2019-09-06 01:20:45
阅读次数：
121
直接上代码： space-evenly的作用是将每个元素的间隔相等, 但是兼容性较差,尤其是IOS,这种trick很好的解决了兼容性问题 原理很好理解,假设有5个元素, space-evenly是将每个剩余空间平均分割,这样就有6个相同宽度的间隔空间,间隔空间数量 = n + 1;space-bet ...
分类：
其他好文 时间：
2019-09-04 11:57:40
阅读次数：
415
<!DOCTYPE html> <html> <head> <meta name="format-detection" content="email=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta nam ...
分类：
其他好文 时间：
2019-09-03 13:30:34
阅读次数：
69
flex布局很好用，优点很多：静态流文件，空间概念，主流样式可以简单调整，同时支持bfc，空间可以动态分配，专业一维空间布局 这么多优点，所以要提倡使用弹性布局。 空间设置：flex的方向、定位这些可以再父节点设置。 内部单项设置：可扩展，可压缩，占比，剩余空间占比，独立对齐。这些需要在子节点设置。 ...
分类：
其他好文 时间：
2019-09-02 18:54:08
阅读次数：
108
只能进行简单的运算 效果图如下： cal.wxml cal.wxss cal.js cal.json 其中有一些小错误，望大神指正！！！！ ...
分类：
微信 时间：
2019-08-31 17:50:35
阅读次数：
746
BFC布局规则 网上参考链接：https://www.jianshu.com/p/1f91e136b22d ...
分类：
其他好文 时间：
2019-08-31 17:36:59
阅读次数：
127
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。时至今日，它已获得了所有浏览器的支持，这让flex布局成为未来布局的首选。 一、那何为Flex？ 其实Flex是Flexible Box的缩写，意为”弹性盒子”，用来为盒状模型提供最大的灵活性。 任何一 ...
分类：
其他好文 时间：
2019-08-31 17:21:30
阅读次数：
89
第1章 课程介绍本章主要是向你介绍什么是混合开发，以及目前混合开发中的几种方案。第2章 Hybrid 技术原理本章主要讲解 hybrid 技术原理与核心本质，让你对混合开发有更清楚的认识。第3章 开发前的准备本章主要讲解核心代码开发前的准备知识，比如 Flex 布局、webpack 和 @vue/c ...
分类：
移动开发 时间：
2019-08-31 01:22:21
阅读次数：
248
一、align-items和其参数 stretch / baseline 二、flex-wrap 和其参数 row-wrap (默认) / wrap / flex布局，基础内容已经结束，欢迎大家一起交流。 <view class="root"> <view class="box1">1</view> ...
分类：
微信 时间：
2019-08-29 16:03:46
阅读次数：
141
