.title{
width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
lines: 1;
}
1***@qq.com
- 发布：2022-11-13 18:19
- 更新：2022-11-13 18:19
- 阅读：124
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： Android
手机系统版本号： Android 12
手机厂商： 三星
手机机型： 三星note10 +
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在view下创建两个text文本，使用上述的css样式，并使其在一行显示，一个文本宽度超出200rpx，另一个文本反之，对比一下效果
在view下创建两个text文本，使用上述的css样式，并使其在一行显示，一个文本宽度超出200rpx，另一个文本反之，对比一下效果
预期结果：
超出隐藏的文字和不超出的文字高度是一致的
超出隐藏的文字和不超出的文字高度是一致的
实际结果：
超出隐藏的文字会向下约8rpx的高度，与不超出的文字高度不一致
超出隐藏的文字会向下约8rpx的高度，与不超出的文字高度不一致
bug描述：
使用 “ lines：1；”设置文本超出隐藏效果，超出文本隐藏的文字高度和不隐藏文本的高度不一致,如图，左侧的文字已经贴底了，右侧的文字还是居中的
