一.W3C各个版本的flex 2009 version 标志：display: box; or a property that is box-{*} (eg. box-pack) 2011 version 标志：display: flexbox; or the flex() function or ...
分类：
其他好文 时间：
2016-06-06 12:00:34
阅读次数：
494
1什么是 Flexbox 简单来说 Flexbox 是属于web前端领域CSS的一种布局方案，是2009年W3C提出了一种新的布局方案，可以简便、完整、响应式地实现各种页面布局，并且 React Native 也是使用的 Flex 布局。 你可以简单的理解为 Flexbox 是CSS领域类似 Lin ...
分类：
其他好文 时间：
2016-05-22 23:17:18
阅读次数：
730
Flex布局字数108 阅读1 评论0 喜欢0Flex布局瞎扯Flex布局比 div + css 更简单粗暴, 更容易实现我们想要的布局.常规的 ,左侧固定,右侧自适应, 如果使用在线Flex 布局 Demo例子里面有布局效果+代码，用这个可以快速上手。旧版和新版的区别，参考 文章：https://... ...
分类：
其他好文 时间：
2016-05-17 13:25:51
阅读次数：
124
React-Native 入门指导系列教程目录 一、准备工作 (已完成) 二、项目介绍与调试 三、CSS样式与Flex布局 四、常用UI控件的使用 五、JSX在React-Native中的应用 六、事件与数据调用 七、自定义组件 八、动手写实例 九、发布与真机调试 写在前面 1. 什么是React- ...
分类：
移动开发 时间：
2016-05-13 09:41:21
阅读次数：
289
网页布局，是css的一个重要应用。 传统的网页布局，主要是基于盒模型，和display、position、float属性，这些属性的一个优势就是简单，容易理解，但也有一些不方便的地方，比如在实现垂直居中的时候。 2009年，W3C提出了一种新的解决方案：Flex（Flexible Box，弹性布局） ...
分类：
其他好文 时间：
2016-05-11 18:14:37
阅读次数：
296
写在前面 文中错误或不足之处欢迎指正批评，共同交流！ 在项目中写css组件时遇到一个问题： 要求两个按钮均分其父元素宽度，且父元素宽度不固定，像这样： 第一反应很自然的想到使用flex布局，但是由于需要兼容ie9以上，以及安卓微信端那个x5浏览器，加之只有两个按钮布局相对简单，所以选择了浮动的方法： ...
分类：
其他好文 时间：
2016-04-26 16:02:12
阅读次数：
372
flex布局为弹性布局，在布局方便提供很大的便利。 flex布局的定义 Flex是Flexible Box的缩写，意为"弹性布局"，任何一个容器都可以指定为Flex布局。 ps：设置为flex后，子元素的float，vertical-align,clear属性会失效。 flex父元素属性 1. fl ...
分类：
其他好文 时间：
2016-04-26 15:49:27
阅读次数：
147
Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。（这里我们称为Flex）。 Flex布局主要思想是让容器有能力让其子项目能够改变其宽度、高度(甚至顺序)，以最佳方式填充可用空间（主要是为了适应所有类型 ...
分类：
其他好文 时间：
2016-04-20 13:03:35
阅读次数：
237
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。以下内容主要参考了：Flex 布局教程：语法篇一、Flex布局是什...
分类：
Web程序 时间：
2016-04-13 22:22:27
阅读次数：
273
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 ...
分类：
其他好文 时间：
2016-04-04 10:24:04
阅读次数：
214
