V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
coffce404
V2EX  ›  前端开发

基于 flexbox 的栅格化布局库,解决传统 css 布局问题

  •  
  •   coffce404 ·
    Coffcer · 2015-08-18 10:17:48 +08:00 · 3653 次点击
    这是一个创建于 3387 天前的主题,其中的信息可能已经有所发展或是发生改变。

    看了阮一峰的 Flex 布局介绍后,自己做了个基于 flexbox 的栅格化布局库,可以轻松解决垂直居中,等宽对齐等问题,已在公司内部用上了。
    本人学生仔,目前正在实习,学历太低,全仰仗 github 去获得面试机会,喜欢的话点个 star :-)

    项目地址: https://github.com/coffcer/flex-layout
    文档与 demo : http://coffcer.github.io/flex-layout

    12 条回复    2015-08-19 14:19:41 +08:00
    tyrik
        1
    tyrik  
       2015-08-18 10:44:04 +08:00
    很棒,已 star

    :)
    witcher42
        2
    witcher42  
       2015-08-18 11:17:58 +08:00
    demo 不错啊
    chairuosen
        3
    chairuosen  
       2015-08-18 11:35:23 +08:00
    赞! demo 左边的导航最好 fixed 或者 sticky
    mactaew
        4
    mactaew  
       2015-08-18 11:39:30 +08:00 via iPhone
    真心棒,点赞~已收藏~
    scys
        5
    scys  
       2015-08-18 12:09:01 +08:00
    可怜的微信端不支持
    lmusicwq
        6
    lmusicwq  
       2015-08-18 12:41:48 +08:00
    但 分辨率小于某个阈值时
    应该是 当 吧?
    coffce404
        7
    coffce404  
    OP
       2015-08-18 13:12:42 +08:00
    @lmusicwq 已修改,给细心点赞
    coffce404
        8
    coffce404  
    OP
       2015-08-18 13:16:13 +08:00
    @chairuosen 好提议,正准备把 demo 页重新包装一下,以后写 demo 直接拿来用
    yakczh
        9
    yakczh  
       2015-08-18 13:56:47 +08:00
    天朝全部用上 ie10 还有几年时间?
    coffce404
        10
    coffce404  
    OP
       2015-08-18 19:25:03 +08:00
    @scys 移动端不太了解,但我在 Safari , QQ 和微信中打开看过,似乎是没问题的
    scys
        11
    scys  
       2015-08-18 19:30:00 +08:00
    @coffce404 要看看什么版本~哈,如果用 QQ 内置的 X6 浏览器,就不同咯~
    coffce404
        12
    coffce404  
    OP
       2015-08-19 14:19:41 +08:00
    @yakczh IE 自去年至今年已经降了 10%+,不用寄望国内 IE 用户升到 IE10 ,国内各种双核浏览器才是他们的归宿
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3477 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 11:30 · PVG 19:30 · LAX 03:30 · JFK 06:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.