微信小程序开发scroll-view横向滚动：客户端和开发

时间：2019-05-04 来源：小程序工厂

问题模块框架类型问题类型操作系统操作系统版本手机型号微信版本
客户端微信小程序 Bug iOS 11.3.1 iPhone6 6.6.6

给文字设置了高度，在开发工具上展示正常。但是在iPhone手机上（用的iPhone6）出现纵向错位，并且错位的幅度和文字内容的多少有关。

开发者工具展示：

iPhone6展示：

代码片段
wechatide://minicode/3tgO33mg7At5

微信小程序开发问题解答

微信小程序开发者回答：

给子元素加一个 vertical-align: top; 我这边遇到跟你一样的问题，只在手机端有此问题，加上这个css样式就好了。你可以试一下

微信小程序开发者回答：

文字最好设置单行显示，wxss中加上：

overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
white-space: nowrap;

微信小程序开发者回答：

嗯单行显示是正常的，但需求是让显示两行

微信小程序开发者回答：

你好，请问是只在iPhone6上显示不正常吗？安卓上显示是否正常？

微信小程序开发者回答：

安卓(锤子手机)也不正常。但是和苹果的问题不一样。安卓问题：给文字设定好高度且添加overflow:hidden样式，多出的文字还是会显示。
打日志看了下：开发工具和iPhone6文字部分的高度是36 安卓机上高度是41
锤子手机展示：

本文网址：http://www.91bianli.com/weixinxiaochengxu/50183.html

上一篇：[已解决]微信小程序定制ios 在map中使用cover-view /cove

下一篇：setInterval时间设置为0报错