收藏
回答

请教两列布局样式问题?

在两列布局,左右两列布局,特别是右边只有一个箭头的两列布局,如何写样式,大家平时怎么处理?

占位

回答关注问题邀请回答
收藏

3 个回答

  • 刘嘉鹏🎃
    刘嘉鹏🎃
    2020-02-25
    1+2+3 = A
    1+2 = B
    3 = C
    
    .A{
      display:flex;
      justify-content:space-between;
    }
    


    2020-02-25
    有用 2
    回复 3
    • 小肥羊🍊
      小肥羊🍊
      2020-02-25
      代码漏了,是不是编辑器的问题,B、C没影了。
      2020-02-25
      回复
    • 小肥羊🍊
      小肥羊🍊
      2020-02-25
      明白了,确实不需要B、C的样式,非常感谢。这是一个完美的方式。
      2020-02-25
      回复
    • 刘嘉鹏🎃
      刘嘉鹏🎃
      2020-02-25回复小肥羊🍊
      嗯嗯 多看看flex的文档,能省不少事
      2020-02-25
      回复
  • 微盟
    微盟
    2020-02-25

    序号和文字共享一个盒子,这个盒子的尾部留下箭头大小的padding,然后箭头直接定位

    2020-02-25
    有用 1
    回复 4
    • 小肥羊🍊
      小肥羊🍊
      2020-02-25
      兄弟,服你,珍重!
      2020-02-25
      回复
    • 小肥羊🍊
      小肥羊🍊
      2020-02-25
      非常感谢,这种方式,也可以,从实现方式上,涉及到定位,外面盒子相对定位,里面绝对定位,略微复杂于flex的实现方式。
      2020-02-25
      回复
    • 微盟
      微盟
      2020-02-25回复小肥羊🍊
      箭头可以写成background,还少一个元素。这是最简洁的
      2020-02-25
      回复
    • 微盟
      微盟
      2020-02-25回复小肥羊🍊
      我回答的是让新手最容易理解的方式,我觉得如果你对flex布局熟练的话,也不会来问这个问题了
      2020-02-25
      回复
  • 小肥羊🍊
    小肥羊🍊
    2020-02-26

    两栏布局模式,我专门写了一篇文章,附代码实现,请移步

    https://developers.weixin.qq.com/community/develop/article/doc/000828ca114f18d273f9b6a4356013

    2020-02-26
    有用
    回复
登录 后发表内容
问题标签