scroll-view 无法横向显示?

小程序 文章 2022-04-07 18:20 448 0 全屏看文

AI助手支持GPT4.0

scroll-view 无法横向显示?scroll-view cannot be displayed horizontally?

scroll-view 无法横向显示?

刚接触微小程序开发,直接上代码。

显示效果:

如果去掉父容器的高度,就会发现它是竖着排列的,是bug吗?

Just contact micro program development, directly on the code. Display effect: if you remove the height of the parent container, you will find that it is arranged vertically. Is it a bug?

回答:

社区技术运营专员-horanzhou:

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

再见,电脑崽:
<scroll-view class="container" scroll-x="{{true}}">    <view class="box">        <view class="view">1</view>        <view class="view">2</view>        <view class="view">3</view>        <view class="view">4</view>    </view></scroll-view>


.container {    border: 1px solid black;    width: 100px;    height: 100px;}.container .box {    display: flex;    flex-direction: row;    flex-wrap: nowrap;}.container .box .view {    width: 100px;    height: 100px;    text-align: center;    line-height: 100px;    flex-shrink: 0;}.container .box .view:nth-child(1) {    background-color: red;}.container .box .view:nth-child(2) {    background-color: green;}.container .box .view:nth-child(3) {    background-color: blue;}.container .box .view:nth-child(4) {    background-color: yellow;}


再见,电脑崽:或者弃用enable-flex可以这么写:
再见,电脑崽:
再见,电脑崽:flex-shrink: 0;  这个是必须的

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
crmeb全开源单商户小程序商城系统免费下载地址
为什么控制台能打印俩个数据,可是赋值时只显示一个,这是什么原因?
静态网站 H5 跳小程序 可以自动打开小程序吗?
请问,小程序java后台,本地服务器,获取的图片真机调试不显示是因为什么?
微信小程序如何实现分享到朋友圈功能?
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8628
问题? 8344
如何快速搭建抽奖助手小程序(无需代码知识) 5391
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6765
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 6043
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5597
如何解决渲染层网络错误Failed to load media? 16846
小程序找号找回 释放昵称? 2842
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 2711
删除部分微信用户个人数据的通知,怎么删除? 5891