input组件一定会占新行吗?如何让label和input在同一行?

发布于 7 年前作者 jieliao11063 次浏览最后编辑 7 年前来自 ask

示例:

<view style=“flex-direction: row;margin: 80rpx;”>
  <label>姓</label>
  <input style=“width:100rpx” />
  <label>名</label>
</view>

演示:

xx

希望:

姓 xx

2 回复
qiang46
qiang461 楼6 年前

<view style=“flex-direction: column;margin: 80rpx;”>

中间再套一个横向排布的flex……

<view style=“flex-direction: column;margin: 80rpx;”>

   <view style=‘display:flex;flex-direction:row’>

       <label></label>

       <input style=“width:100rpx” />

   </view>

   <label></label>

</view>

fengyong
fengyong2 楼5 年前

设一个百分百的宽度