《样式设计009：view内容显示2行超出省略号》

描述：在开发小程序过程中，发现一些不错的案例，平时使用也比较多，稍微总结了下经验，以下内容可以直接复制使用，希望对大家有所帮助，废话不多说直接上干货！

一、view内容显示2行超出省略号

（一）样式截图

---

（二）代码部分

在小程序中，你可以使用 text-overflow: ellipsis 样式来实现文本超出部分显示省略号。下面是一个示例代码：

（1）在这个示例中，-webkit-line-clamp: 2 用于限制内容最多显示 2 行，

（2）overflow: hidden 用于隐藏超出部分

（3） -webkit-box-orient: vertical 和 display: -webkit-box 用于控制布局。

<view style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 200px; background-color: green;">
  这里是你的内容，超出部分将会显示省略号。  这里是你的内容，超出部分将会显示省略号。
  这里是你的内容，超出部分将会显示省略号。 

</view>