V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
Livid
V2EX  ›  CSS

Flexbox 入门指南

  •  
  •   Livid · 2017-05-29 16:53:59 +08:00 · 3682 次点击
    这是一个创建于 2516 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    Perry
        2
    Perry  
       2017-05-29 17:12:45 +08:00 via iPhone
    V 站的 table 布局什么时候换成 flexbox ?
    ceoimon
        3
    ceoimon  
       2017-05-29 17:21:53 +08:00   ❤️ 1
    那我来推一下 Grid Layout 好了:

    入门指南:

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

    有用的学习网站:

    https://gridbyexample.com/
    Livid
        4
    Livid  
    MOD
    OP
       2017-05-29 17:36:30 +08:00 via iPhone   ❤️ 1
    @Perry 我们现在如果大改页面的 HTML,那么一堆解析页面 HTML 的第三方客户端可能会有问题……
    twm
        5
    twm  
       2017-05-29 19:53:18 +08:00 via iPhone
    flexbox 和 css table 我在建长沙之家网站的时候都有用到,感觉各有利弊。
    wwwjfy
        6
    wwwjfy  
       2017-05-29 20:04:07 +08:00
    得很新的浏览器才支持 Grid
    adspe
        7
    adspe  
       2017-05-29 20:17:19 +08:00
    @ceoimon Grid Layout 很强。不像是 Flexbox 的加强版,感觉是另一种思路
    Egg
        8
    Egg  
       2017-06-01 10:14:39 +08:00
    @ck65 感谢推荐
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5368 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 06:42 · PVG 14:42 · LAX 23:42 · JFK 02:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.