input组件一定会占新行吗？如何让label和input在同一行？
发布于 5 年前 作者 jieliao 10908 次浏览 来自 问答

示例：

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

演示：

姓

xx

名

希望：

姓 xx

名

2 回复

<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>

设一个百分百的宽度

回到顶部