收藏
回答

使用flex布局,这样怎么就不行?


<form class="search-box " bindsubmit="search">
    <input type="text" name='keyword' placeholder="搜索"></input>
    <button type="primary" form-type="submit" size="mini">搜索</button>
</form>


很简单,就希望input和button并排展示,所以,css我这样写了


.search-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    input{
        padding: 10rpx;
        flex: auto;
    }
    button{
    }
}


css编译后

.search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.search-box input {
  padding: 10rpx;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}



如果是在网页中,没有问题,但是在小程序中

永远是这样的,审查的时候,也没有问题

但是都说flex是支持的呀,到底是我写的有问题,还是不支持????











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

3 个回答

  • 禾店科技
    禾店科技
    2021-05-13

    Mr.Zhao一个赞

    2021-05-13
    有用 1
    回复
  • 安微微
    安微微
    2020-01-31

    加一句试试: flex-direction: row;

    2020-01-31
    有用
    回复 1
    • Mr.Zhao
      Mr.Zhao
      2020-01-31
      楼主给出代码了,你动手试试就知道,加那行是没有用的
      2020-01-31
      回复
  • Mr.Zhao
    Mr.Zhao
    2020-01-31

    你的问题

    2020-01-31
    有用
    回复 4
    • 3
      3
      2020-01-31
      谢谢
      2020-01-31
      回复
    • 3
      3
      2020-01-31
      form上使用flex不支持吗,网页就可以啊,哎。。。。。。。。。
      2020-01-31
      回复
    • Mr.Zhao
      Mr.Zhao
      2020-01-31回复3
      网页的form和小程序的form不是一回事
      2020-01-31
      1
      回复
    • yylz的微信
      yylz的微信
      2020-05-04
      这个办法好~~~~!!!!!
      2020-05-04
      回复
登录 后发表内容
问题标签