<scroll-view class="lscroll" scroll-y scroll-with-animation="true">
</scroll-view>
.l-scroll {
width: 100%;
height: 70%;
color: #ccc;
font-size: 32rpx;
}
这样的话,会把所有的内容展示出来,占满所有的空间,不是我想要的,
处理:修改,wxss文件,添加page的样式
page{
height:70%;
}
.l-scroll {
width: 100%;
height: 100%;
color: #ccc;
font-size: 32rpx;
}
scroll-view 垂直下拉时,内容没有居中显示,添加text-align
添加
text-align: center;
希望有帮助
本文介绍如何通过修改WXSS文件中的page和.l-scroll样式属性,使scroll-view内的内容在微信小程序中垂直居中显示。通过调整高度和添加text-align属性,解决了内容展示不居中的问题。
1068

被折叠的 条评论
为什么被折叠?



