微信小程序实现多行文字超出部分省略号显示功能

开发小程序的时候：澳大利亚买的，我遇到了一个棘手的问题：

在搜索澳大利亚产品并获得产品列表时，有时产品名称会被翻译成中文很长时间

我们不能在一个有限的列表中显示所有的产品名称，所以格式不容易控制和显示

也不是很漂亮。

这时，我们需要一个函数：例如，如果只显示2行，我们就不能显示2行

使用省略号.取而代之的是，使得显示更加美观，并且显示效果如下

事实上，实现也相对简单

样式文件。项目中的wxss如下：ProductNameText { color : RGB(32，27，27)；font-size : 35 rpx；text-overflow :省略号；z指数：-1；display :-web kit-box；word-break : break-all；-web kit-box-oriented :垂直；-web kit-line-clamp : 3；飞越：隐藏；}此处-web kit-line-clamp : 3；主要控制要显示的行数

Wxml文件内容如下：

.

！-produddctname-view class=' product name view ' text class=' product name text ' { item。名称} }/文本/视图摘要

以上是边肖介绍的微信小程序，实现了多行文字多处省略号的显示。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！