小程序
小游戏
企业微信
微信支付
扫描小程序码分享
text和input放在view里这样就能实现同行,在末尾还有一小段空白的没有占用到,可是我想让input长一点,能占满剩下的位置,要怎么办,求大神解答
view class="flex-wrp" style="flex-direction:row;">
<text style="background:#A1A1A1;">目 的 地:text>
<input type="text" style="background:#A1A1A1;" >input>
view>
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
直接设置width
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
width: calc(100% - 68px);
用calc()表达式也可以,100%减去其它组件所占宽度之和(我这里随便写的一个68px),剩余的都给 <input/> 的width即可
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除
css
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
直接设置width
width: calc(100% - 68px);
用calc()表达式也可以,100%减去其它组件所占宽度之和(我这里随便写的一个68px),剩余的都给 <input/> 的width即可
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除
css