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

如何使用flex对按钮进行布局？

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 客户端 6.7.2 2.3.0

如何将图中的三个按钮放在底部






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

4 个回答

  • 神猿扁鹊
    神猿扁鹊
    2018-10-11


    <view class='item'>

      <view>

        <button>按钮1</button>

      </view>

      <view>

        <button>按钮2</button>

      </view>

      <view>

        <button>按钮3</button>

      </view>

    </view>

    page{

      width: 100%;

      height: 100%;

      box-sizing: border-box;

    }

    .item{

      display: flex;

      height: 100%;

      align-items: flex-end;

      justify-content: space-between;

    }

    .item>view{

      width: 160rpx;

    }


    2018-10-11
    有用
    回复
  • 卢霄霄
    卢霄霄
    2018-10-09

    能做个代码片段吗？

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2018-10-09
    有用
    回复
  • 半寸灰
    半寸灰
    2018-10-09

    bottom: 0;


    2018-10-09
    有用
    回复 4
    • 2018-10-09

      试过不行

      2018-10-09
      赞
      回复
    • 半寸灰
      半寸灰
      2018-10-09回复

      position: fixed;

      bottom: 0;



      2018-10-09
      赞
      回复
    • 2018-10-09回复半寸灰

      加了之后，移到下面了，但三个按钮不像原来的分开对齐了


      2018-10-09
      赞
      回复
    • 神猿扁鹊
      神猿扁鹊
      2018-10-11回复

      瞎猜：你的page没有设置高度。代码在下面，仅供参考


      2018-10-11
      赞
      回复
  • 2018-10-09

    一直都弄不好

    2018-10-09
    有用
    回复
请 登录 后发表内容
相关问题
相关文档