使用flex布局,这样怎么就不行?
发布于 6 年前 作者 xiuying53 10393 次浏览 来自 问答
<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是支持的呀,到底是我写的有问题,还是不支持????

2 回复

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

你的问题

回到顶部