Flexbox 入门指南

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2736 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

解决复杂 CSS 布局问题的最符合直觉的方式。

另外一个主题有一些有趣的 Demo：

Solved by Flexbox - /t/364598

8 条回复 • 2017-06-01 10:14:39 +08:00

ck65

2017-05-29 17:11:37 +08:00 via iPhone

Perry

2017-05-29 17:12:45 +08:00 via iPhone

V 站的 table 布局什么时候换成 flexbox ？

ceoimon

2017-05-29 17:21:53 +08:00

那我来推一下 Grid Layout 好了：

入门指南：

https://css-tricks.com/snippets/css/complete-guide-grid/

有用的学习网站:

https://gridbyexample.com/

Livid

MOD

2017-05-29 17:36:30 +08:00 via iPhone

@Perry 我们现在如果大改页面的 HTML，那么一堆解析页面 HTML 的第三方客户端可能会有问题……

twm

2017-05-29 19:53:18 +08:00 via iPhone

flexbox 和 css table 我在建长沙之家网站的时候都有用到，感觉各有利弊。

wwwjfy

2017-05-29 20:04:07 +08:00

得很新的浏览器才支持 Grid

adspe

2017-05-29 20:17:19 +08:00

@ceoimon Grid Layout 很强。不像是 Flexbox 的加强版，感觉是另一种思路

Egg

2017-06-01 10:14:39 +08:00

@ck65 感谢推荐