公告列表
公告列表
收藏
回答

请教两列布局样式问题？

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

占位

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

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
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
布局样式