V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
justrand
V2EX  ›  问与答

最近看了下 flex 布局,有个点有点不懂,请教下大家!

  •  
  •   justrand · 89 天前 · 992 次点击
    这是一个创建于 89 天前的主题,其中的信息可能已经有所发展或是发生改变。

    微信截图_20201209084437.png justify-content: space-between;这个属性不是针对主轴,横向两边对齐吗?为什么上面图片骰子,左边上下分布也要用到这个属性?

    slmaaw
        1
    slmaaw   89 天前 via Android   ❤️ 1
    因为 flex-direction 把主轴变成垂直了
    sandrew1945
        2
    sandrew1945   89 天前   ❤️ 1
    因为是 column
    lingo
        3
    lingo   89 天前
    啊这。感觉秒结贴
    chengxy
        4
    chengxy   89 天前   ❤️ 1
    row
    justrand
        5
    justrand   89 天前
    @slmaaw
    原来这样啊,好的谢谢,意思就是主轴不是固定的,根据 flex-direction 决定的,之前我也是这么想的,现在确定了,谢谢你
    dingdangnao
        6
    dingdangnao   89 天前 via iPhone
    多试一试不就好了,写个小 html 也不麻烦
    anson2017
        7
    anson2017   89 天前
    flex-direction 属性决定主轴的方向(即项目的排列方向)。

    属性 描述
    row (默认值)主轴为水平方向,起点在左端
    row-reverse 主轴为水平方向,起点在右端
    row-column 主轴为垂直方向,起点在上沿
    column-reverse 主轴为垂直方向,起点在下沿

    参考: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
    IGJacklove
        8
    IGJacklove   89 天前
    你这是不是阮一峰的教程?建议看一下他的,看完写几个 demo 就豁然开朗了.
    daoyouma
        9
    daoyouma   89 天前
    终于有个能看懂的了
    ryouok
        10
    ryouok   89 天前
    LabJo
        11
    LabJo   89 天前
    你需要读懂属性英文,然后就很容易理解了
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2663 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 15:43 · PVG 23:43 · LAX 07:43 · JFK 10:43
    ♥ Do have faith in what you're doing.