小程序如何设置长文本显示的行数限制？

本文共计890个文字，预计阅读时间需要4分钟。

前语+视图（View）渲染长文本时，受限于视图的宽度（Width），长文本可能需要多行显示，才能将内容全部展开；也就是说，文本行高（FontSize * LineHeight）一定的情况下，才可将长文本的内容全部展示出来。

前言

视图（View）渲染长文本时，受限于视图的宽度（Width），长文本可能需要显示多行，才可以将长文本的内容全部展示出来；也就是说，文本行高（FontSize * LineHeight）一定的情况下，视图的高度（Height）取决于长文本渲染完成之后的行数（Line）。如果页面布局要求视图的高度必须是固定的，本质上就可以通过限制长文本的显示行数来实现。

本文介绍两种长文本限制显示行数的方案。

CSS -webkit-line-clamp

这个 CSS 属性的名称有点儿与众不同，前面带有 -webkit- 前缀，先说一下这个属性为什么能够被使用。

官方文档中关于 小程序运行环境 的介绍：

WKWebView、chromium定制内核 和 Chrome WebView 都是基于 WebKit 构建的。

WebKit 是什么？WebKit 是一个跨平台的 Web 浏览器引擎，相当于小程序页面的渲染都是通过 WebKit 完成的。