V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Livid
270.9D
572.43D
V2EX  ›  CSS

Flexbox 入门指南

  •  
  •   Livid ·
    PRO
    · May 29, 2017 · 4446 views
    This topic created in 3265 days ago, the information mentioned may be changed or developed.
    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

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

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

    Solved by Flexbox - /t/364598
    8 replies    2017-06-01 10:14:39 +08:00
    Perry
        2
    Perry  
       May 29, 2017 via iPhone
    V 站的 table 布局什么时候换成 flexbox ?
    ceoimon
        3
    ceoimon  
       May 29, 2017   ❤️ 1
    那我来推一下 Grid Layout 好了:

    入门指南:

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

    有用的学习网站:

    https://gridbyexample.com/
    Livid
        4
    Livid  
    MOD
    OP
    PRO
       May 29, 2017 via iPhone   ❤️ 1
    @Perry 我们现在如果大改页面的 HTML,那么一堆解析页面 HTML 的第三方客户端可能会有问题……
    twm
        5
    twm  
       May 29, 2017 via iPhone
    flexbox 和 css table 我在建长沙之家网站的时候都有用到,感觉各有利弊。
    wwwjfy
        6
    wwwjfy  
       May 29, 2017
    得很新的浏览器才支持 Grid
    adspe
        7
    adspe  
       May 29, 2017
    @ceoimon Grid Layout 很强。不像是 Flexbox 的加强版,感觉是另一种思路
    Egg
        8
    Egg  
       Jun 1, 2017
    @ck65 感谢推荐
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4957 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 103ms · UTC 09:54 · PVG 17:54 · LAX 02:54 · JFK 05:54
    ♥ Do have faith in what you're doing.