【报Bug】nvue页面text组件超出宽度溢出省略，尾部是数字时会被全部隐藏

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 3.8.12

手机系统： iOS

手机系统版本号： iOS 16

手机厂商：苹果

手机机型： iphone13

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

< text class="line1" >用户123456789101534135453< /text >

.line1 {
width:100rpx;
lines: 1;
text-overflow: ellipsis;
word-wrap: break-word;
}

操作步骤：

同代码示例

预期结果：

用户123456789101534135453 正常应该按设置的宽度省略成用户123456789...

实际结果：

用户123456789101534135453 会被省略成用户...

bug描述：

使用text文字超出隐藏...时，如果尾部是纯数字会被全部省略

2023-09-21 10:11 负责人:无分享

1 个回复

8***@qq.com - 专治微信小程序疑难杂症：微信：zicheng199907

可以尝试文字字数截取加 ...

要回复问题请先登录或注册

【报Bug】nvue页面text组件超出宽度溢出省略，尾部是数字时会被全部隐藏

示例代码：

< text class="line1" >用户123456789101534135453< /text >

.line1 {
width:100rpx;
lines: 1;
text-overflow: ellipsis;
word-wrap: break-word;
}

操作步骤：

同代码示例

预期结果：

用户123456789101534135453 正常应该按设置的宽度省略成用户123456789...

实际结果：

用户123456789101534135453 会被省略成用户...

bug描述：

1 个回复

公告

相关问题

【报Bug】nvue页面text组件超出宽度溢出省略，尾部是数字时会被全部隐藏

示例代码： < text class="line1" >用户123456789101534135453< /text > .line1 { width:100rpx; lines: 1; text-overflow: ellipsis; word-wrap: break-word; }

操作步骤： 同代码示例

预期结果： 用户123456789101534135453 正常应该按设置的宽度省略成 用户123456789...

实际结果： 用户123456789101534135453 会被省略成 用户...

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

< text class="line1" >用户123456789101534135453< /text >

.line1 {
width:100rpx;
lines: 1;
text-overflow: ellipsis;
word-wrap: break-word;
}

操作步骤：

同代码示例

预期结果：

用户123456789101534135453 正常应该按设置的宽度省略成用户123456789...

实际结果：

用户123456789101534135453 会被省略成用户...