阅读 MDN 定位 定位允许您从正常的文档流布局中取出元素，并使它们具有不同的行为 静态定位是默认行为！ position: static; position:relative; position: absolute; MDN 定位实战 MDN Flexbox 学习CSS布局 CSS布局(三) 布局 ...
分类：
Web程序 时间：
2018-05-03 15:29:27
阅读次数：
190
第五天到第六天的内容没有记笔记，不好不好。 第七天到第八天的学习目标是：学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点： 1、默认情况下，块级元素的内容宽度是其父元素的宽度的100％，并且与其内容一样高。 2、概念：外边距折叠。 3、position， static， ...
分类：
其他好文 时间：
2018-05-02 21:02:14
阅读次数：
93
Flexbox布局是由W3C在09年提出的在Web端取代CSS盒子模型的一种布局方式。 ReactNative实现了Flexbox布局的大部分功能。 Flexbox布局所使用的属性，基本可以分为两大类： [1] flexDirection 设置子组件的排列顺序，默认column（纵向排列），其他ro ...
分类：
其他好文 时间：
2018-05-02 19:13:39
阅读次数：
150
CSS3提供一种崭新的布局方式：Flexbox布局，即弹性伸缩布局模型(FlexibleBox)。用来提供一个更加有效的方式实现响应式布局。但是用于这个布局方式还处于W3C的草案阶段，并且它还分为旧版本、新版本以及混合过渡版本三种不同的编码方式。在发展中，可能还有各种改动，浏览器的兼容性还存在问题。首先，我们来看下旧版本的浏览器兼容情况：以上的数据，我们摘自CSS3手册上的。当然，不同的教材和文章
分类：
Web程序 时间：
2018-05-01 20:39:42
阅读次数：
338
1、文本实现在div中垂直居中 设置行高和高度一样即可实现。 2、弹性盒布局 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。弹性盒子由弹性容器(Flex container和弹性子元素(Flex ...
分类：
其他好文 时间：
2018-05-01 01:05:30
阅读次数：
166
continuePay.vue account.vue store/index.js ...
分类：
Web程序 时间：
2018-04-26 18:29:34
阅读次数：
277
//底部不再需要绝对定位 防止出现闪屏 ... ...
分类：
其他好文 时间：
2018-04-23 15:52:25
阅读次数：
207
弹性布局对于移动端页面开发其实还是蛮重要的，今天来一些总结吧 Flexbox 为 display 属性赋予了一个新的值（即 box 值）, flexbox的属性有很多，记录一些比较常用的属性： 用于父元素的样式： 用于子元素的样式： 其中 box-pack属性 目前有很多浏览器还是不支持的 。 首先 ...
分类：
其他好文 时间：
2018-04-10 13:37:49
阅读次数：
178
本文基于React Native 0.52 Demo上传到Git了，有需要可以看看，写了新内容会上传的。Git地址 https://github.com/gingerJY/React-Native-Demo 一、主轴方向 flexDirection flexDirection决定主轴的排列方向。 1 ...
分类：
其他好文 时间：
2018-04-09 15:12:19
阅读次数：
161
之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。 假如使用了flex后，实现起来就简单了，而且不需要自己去算，也不需要绝对定位，只需要通过对伸缩容器定义两个属性，justify-content定义伸缩项目沿着主轴 ...
分类：
其他好文 时间：
2018-03-30 13:19:20
阅读次数：
184
