给文字设置了高度,在开发工具上展示正常。但是在iPhone手机上(用的iPhone6)出现纵向错位,并且错位的幅度和文字内容的多少有关。
开发者工具展示:
iPhone6展示:
你好,请问是只在iPhone6上显示不正常吗?安卓上显示是否正常?
给子元素加一个 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;