小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我给text标签设置了宽度然后设置overflow-x: scroll;这个属性想着文字内容太长的时候可以滑动查看，然后发现手机上没有效果，开发工具上可以左右滑动查看。我也加-webkit-overflow-scrolling: touch;这个属性但是就是没有效果求教怎么解决？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
麻烦提供一下可复现的代码片段
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
.wxml
<view>
<text class="box-tit">介绍</text>
<text class="box-tit over-flow">人的一生只有5%是精彩的，只有5%是痛苦的</text>
</view>
.wxss
.over-flow {
width: 562rpx;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
麻烦提供一下可复现的代码片段
.wxml<view><text class="box-tit">介绍</text><text class="box-tit over-flow">人的一生只有5%是精彩的，只有5%是痛苦的</text></view>.wxss.over-flow {width: 562rpx;overflow-y: scroll;-webkit-overflow-scrolling: touch;}width: 562rpx;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
display: inline-block;
}
改成这样吧
display: none;
}
可去掉滚动条
.wxml
<view>
<text class="box-tit">介绍</text>
<text class="box-tit over-flow">人的一生只有5%是精彩的，只有5%是痛苦的</text>
</view>
.wxss
.over-flow {
width: 562rpx;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}