收藏
回答

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

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

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






最后一次编辑于  2018-10-09  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

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
    赞同
    回复