display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TW ...
分类：
其他好文 时间：
2016-10-20 14:58:25
阅读次数：
187
https://philipwalton.github.io/solved-by-flexbox/ http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool http://www.ruanyifeng.co ...
分类：
其他好文 时间：
2016-10-11 18:30:36
阅读次数：
90
React Native采用一中全新的布局方式：FlexBox（弹性布局）。可以很方便的实现各种复杂布局，是全新的针对web和移动开发布局的一种实现方式。 何为FlexBox? 完整名称为：the flexible box Module,旨在通过弹性的方式来对齐和分布容器中的组件。Flexbuju的 ...
分类：
其他好文 时间：
2016-10-05 13:04:15
阅读次数：
178
我们在学会搭建react-native环境之后，打开项目根目录，看到很多个文件，但是最起眼的应该就是那俩js兄弟文件了 我们一看那名字就知道，我们接下来的任务就是要弄它们： 我们用编辑器打开项目根目录下的index.android.js文件，可以看到有这么个东西： 那么我们先测试一下，在手机上跑起来 ...
分类：
Web程序 时间：
2016-10-04 20:57:37
阅读次数：
326
最近花了半个月的时间，做了一个淘宝购物车页面的demo。当然，为了能够更加深入的学习，不仅仅有PC端的固定宽度的布局，还实现了移动端在media query为768px以下（也就是实现了ipad，iphone 6 plus，iphone6，S5等）的flexbox弹性布局。 还要再说的是，pc端和移 ...
分类：
移动开发 时间：
2016-10-04 01:31:40
阅读次数：
593
Flexbox可以在不同屏幕上提供一致的布局结构，一般使用flexDirection、justifyContent、alignItems三个样式来辅助设计。 1.flexDirection：在组件的style中设置可以决定其子组件的主布局（主轴），默认是竖直方向 - 纵轴‘colunm’（从上到下依 ...
分类：
其他好文 时间：
2016-09-30 18:15:02
阅读次数：
142
Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具 ...
分类：
Web程序 时间：
2016-09-28 10:05:08
阅读次数：
190
1 example1 index.ios.js 参考资料 http://reactnative.cn/ ...
分类：
其他好文 时间：
2016-09-20 00:04:57
阅读次数：
149
看起来flexbox能解决任何问题。垂直居中。告别浮动。列布局变得异常简单！可作者发现了flexbox的阿喀琉斯之踵——row spans. flexbox——这个神奇的样式正在解放我们，让工作更加轻松。想象一下：没有浮动，没有设置margin为负值以使得一些基础样式正常工作的怪异CSS代码。你在过 ...
分类：
其他好文 时间：
2016-09-16 16:48:07
阅读次数：
142
/** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React, { Component } from 'react'; import { AppRegistry, St ...
分类：
其他好文 时间：
2016-09-16 12:46:12
阅读次数：
119
