使用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是支持的呀,到底是我写的有问题,还是不支持????