http://ayqy.net/blog/flexbox布局的兼容性/ 写在前面 flex布局早在2009年就有了,而现在是2015年6月8日,使用最新的flex语法会发现支持程度并不好,即使是在“高端”浏览器上也是如此,比如Chrome、Firefox、Safari、Android、IOS Saf ...
分类:
其他好文 时间:
2016-08-31 18:31:51
阅读次数:
175
今天被nodejs包依赖坑了一下,上次上传的项目突然运行不起来了,原来是package.json中定义了使用最新版本的依赖,而最新版本有可能调整了结构或者改了api,比如vux把flexbox-item移动到另外一个目录下了,导致依赖的组件找不着了改下package.json文件两个地方就好了"ba ...
分类:
Web程序 时间:
2016-08-23 12:55:20
阅读次数:
179
Flex 布局2 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看F ...
分类:
其他好文 时间:
2016-08-23 01:15:59
阅读次数:
233
本文为思路提示篇,因此未详细述说代码,主要总结思路。 1. dispaly:table-cell; vertical-align:middle; 2. 3. 父元素 relative 其本身absolute;方法同上,top:50%; 4. flexbox ...
分类:
其他好文 时间:
2016-08-21 19:55:40
阅读次数:
171
原文链接:http://caibaojian.com/flexbox-guide.html flexbox-CSS3弹性盒模型flexbox完整版教程 A-A+ 前端博客?2014-05-08?前端开发 | 精选推荐?CSS3 | flexbox | 弹性布局?16928View19 flexbox ...
分类:
Web程序 时间:
2016-08-20 11:22:40
阅读次数:
218
CSS 实现垂直居中的几种方案 说到居中,很多人第一反应应该是水平居中,说到水平居中,肯定道友们有一万种方法做到,CSS3 的FlexBox更是强大到没朋友。但是微笑今天想聊的是 CSS 垂直居中的方法,下面是萌萌的分割线。神马?你敢说不萌? 方式一 :table 布局方法 直接上🐴: <!DOC ...
分类:
其他好文 时间:
2016-08-20 10:04:39
阅读次数:
243
转载请注明出处:王亟亟的大牛之路上一篇讲了State (状态),Style(样式):http://blog.csdn.net/ddwhan0123/article/details/52240463
这一篇我们讲位置与尺寸,这些都捯饬好我们就可以搭完整的界面啦!!!继续安利下我的收纳库,包你满意:https://github.com/ddwhan0123/Useful-Open-Source-An...
分类:
其他好文 时间:
2016-08-18 18:26:51
阅读次数:
205
然后是定义一个组件 作为接口 然后被引用: 好了 一个初始化的界面的代码基本上都如上 那么接下来可以进行开发了 但是在开发之前~我们得有如下的基本基础: Node.js基础(es6) JSX语法基础 Flexbox布局 三、目前需要关注的文件 1、目前阶段有几个文件时需要注意下的: (1)在xcod ...
分类:
其他好文 时间:
2016-08-16 17:30:59
阅读次数:
149
原文链接:http://caibaojian.com/using-flexbox.html 最近看了社区上的一些关于flexbox的很多文章,感觉都没有我这篇文章实在,最重要的兼容性问题好多人都没有提出解决方案。另外本人2014年5月还废寝忘食的翻译了国外的《CSS3弹性盒模型flexbox完整教程 ...
分类:
Web程序 时间:
2016-08-04 13:21:51
阅读次数:
226
CSS 代码如下: HTML 的代码 例子1: <!-- 什么都不加 --> <div class='div-box'> <div class='div1'>aaaa</div> <div class='div2'>bbbb</div> </div> 例子2: 例子3: 例子4: 注意这个时候不要加 ...
分类:
其他好文 时间:
2016-07-16 06:46:34
阅读次数:
189