最近的工作内容大多是移动端网页的开发,百分比布局,MediaQueries,Bootstrap等常规的响应式/自适应的开发技术皆一一试过,但觉以上都不够灵活,所以,一直再尝试寻求更加灵活的精确的移动端网页设计技术。寻求的过程中知道了两个让我眼前一亮的解决方案:一个是Flexbox;另外一个是REM。...
分类:
其他好文 时间:
2015-04-03 18:57:21
阅读次数:
280
本文由大漠根据Chris Coyier的《“Old” Flexbox and “New” Flexbox》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/old-flexbox-and-new...
分类:
其他好文 时间:
2015-03-11 16:50:31
阅读次数:
212
本文由大漠根据Chris Coyier的《Using Flexbox: Mixing Old and New for the Best Browser Support》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css...
分类:
其他好文 时间:
2015-03-11 14:31:49
阅读次数:
159
flex的一些属性 CSS3中引入了另一种框--flexbox,flexbox有一些block和inline不同的性质,比如:自适应子元素(flex item,又称伸缩项目)的宽度伸缩项目的float,clear,vertical-align属性失效不能继承flex框,但可以依次设置可以修改flex...
分类:
Web程序 时间:
2015-03-10 15:18:29
阅读次数:
190
jiubanbenn关于flex 请看这里 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 太详细啦!!! 还通俗易懂!!! 没啥好说的PS display:box 和 display:flex-box 是display:flex 的旧...
分类:
Web程序 时间:
2015-03-08 00:05:05
阅读次数:
204
CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局,它具有很强大的功能,可以很轻松实现很多复杂布局,在它出现之前,我们经常使用的布局方式是浮动或者固定宽度+百分比来进行布局,代码量较大且难以理解。为了更好理解flexbox布局,这里首先要介绍几个概念:如果所示:(1)主轴(...
分类:
Web程序 时间:
2015-03-06 18:33:58
阅读次数:
229
通过不到100行代码,模仿css3的flexbox功能,实现一个Android的流式布局。同时介绍了如何把打出来的aar包upload到jCenter。...
分类:
移动开发 时间:
2015-02-16 22:11:25
阅读次数:
269
转自大漠 — http://www.w3cplus.com/css3/a-guide-to-flexbox.html参考:http://www.css88.com/book/css/properties/flex/flex-basis.htmdisplay:flex | inline-flex;(适...
分类:
Web程序 时间:
2015-02-10 00:32:23
阅读次数:
485
Alignment这里我特别要提到的是Flexbox,因为他可以使内容在水平和垂直方向居中,仅需要3行CSS代码。示例代码:.box{ display:+flex; +justify-content:center; +align-items:center; } ABC备注:代码中的“+”表示供应商....
分类:
编程语言 时间:
2015-02-09 20:05:46
阅读次数:
722
Flexbox版本flexbox从第一次出现至今总共有三个语法版本,他们分别是:"display:box;" — 2009年的老版本"display:flexbox;" — 2011年过渡版本/混合版本"display:flex;" — 标准版本规范版本IEOperaFirefoxChromeSaf...
分类:
其他好文 时间:
2015-01-28 23:50:13
阅读次数:
264