V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
This topic created in 3265 days ago, the information mentioned may be changed or developed.
用 Flexbox 实现一些复杂布局的例子：
https://philipwalton.github.io/solved-by-flexbox/
中文版： https://hufan-akari.github.io/solved-by-flexbox/
目前 Flexbox 已经在所有主要浏览的当前版本中得到支持：
http://caniuse.com/#feat=flexbox
比如经典的 3 栏布局用 Flexbox 的实现：
https://philipwalton.github.io/solved-by-flexbox/demos/holy-grail/
https://philipwalton.github.io/solved-by-flexbox/
中文版： https://hufan-akari.github.io/solved-by-flexbox/
目前 Flexbox 已经在所有主要浏览的当前版本中得到支持：
http://caniuse.com/#feat=flexbox
比如经典的 3 栏布局用 Flexbox 的实现：
https://philipwalton.github.io/solved-by-flexbox/demos/holy-grail/
 |
1
k9982874 May 29, 2017 via iPad
垂直居中这个痛点解决了，cheers ～
|
 |
2
ersic May 29, 2017 via Android
最近搞微信小程序，也在看 Flexbox 布局
|
 |
3
POPOEVER May 29, 2017
一直用 flex 来做垂直居中，也有一些基于 flexbox 的框架，比如 http://bulma.io/
最近在看 CSS Grid，蛮好玩的，大家可以去找 CSS Grid 规范的主要贡献者 Jen Simmons 和 Rachel Andrew 的教学视频 |
 |
4
Tunar May 29, 2017 via Android
flex 垂直居中爽飞了
|
 |
5
Myflos May 29, 2017
阮一峰写过 Flex 布局教程
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html |
|
6
POPOEVER May 29, 2017
Flex 其实最实用的是在表单的自适应实现上
|
 |
7
Mutoo May 29, 2017
flex 在 responsive design 上的实现也是非常方便，flex-direction 直接可以切换 row/column 布局。
|
 |
8
seki May 29, 2017
|
 |
9
ljcarsenal May 30, 2017
这个不错
|
Select Language