小程序
小游戏
企业微信
微信支付
扫描小程序码分享
scroll-view组件 已设置enable-flex='true' wxss设置了display:flex;align-items:center 子节点不居中是为什么
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个只能不用flex最好 用display：inline-block 不要给scroll设置高度 设置padding吧
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这问题现在还有，昨天刚碰到，这TM 官方连个出气的都没了
我也遇到了同样的问题 就是在发现如果不是指scroll-x 或scroll-y的话就会没有问题 为啥就不知道了 感觉应该是有个滚动条占据了位置 当设置了scroll-x的时候下面会出现滚动条 虽然看不见但是确实有应该是js操控了 盲猜的 等着官方解决吧
确实有这个问题，我今天也遇到了
我觉得你可以里面再写一层view就没问题了。。。。。
代码片段https://developers.weixin.qq.com/s/dMvHXdmD7Ydi
<scroll-view scroll-x class="history-list" >
<text class="text">居中</text>
<text class="text">2</text>
</scroll-view>
.history-list {
height: 200rpx;
line-height: 200rpx;
background-color: yellow;
white-space: nowrap;
}
.text {
background-color: green;
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个只能不用flex最好 用display：inline-block 不要给scroll设置高度 设置padding吧
这问题现在还有，昨天刚碰到，这TM 官方连个出气的都没了
我也遇到了同样的问题 就是在发现如果不是指scroll-x 或scroll-y的话就会没有问题 为啥就不知道了 感觉应该是有个滚动条占据了位置 当设置了scroll-x的时候下面会出现滚动条 虽然看不见但是确实有应该是js操控了 盲猜的 等着官方解决吧
确实有这个问题，我今天也遇到了
我觉得你可以里面再写一层view就没问题了。。。。。
.scroll{
width: 100%;
height: 150rpx;
}
.child{
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
试试？
代码片段https://developers.weixin.qq.com/s/dMvHXdmD7Ydi
<scroll-view scroll-x class="history-list" ><text class="text">居中</text><text class="text">2</text></scroll-view>.history-list {height: 200rpx;line-height: 200rpx;background-color: yellow;white-space: nowrap;}.text {background-color: green;}对齐方式用：（不是align-items: center）
display: flex;
flex-direction: row;
vertical-align: middle;