小程序：控制文本的显示及隐藏 文字超出时隐藏 控制显示两行

.wxml源码：

<view class="content">{{content}}</view>

.wxss源码：

.content{

width: 100%;

font-size: 14px;

/*以下内容是文字隐藏所必须的*/

display: -webkit-box;

word-break: break-all; /*换行规则*/

text-overflow: ellipsis; /*最后使用省略号显示*/

overflow: hidden; /*超出部分隐藏*/

-webkit-box-orient: vertical;

-webkit-line-clamp:2; /*能够显示几行*/

line-height: 20px; /*行高，固定写死。后续将会使用它*/

}

.js源码：

content:"小程序显示字数设置，字里设置的只显示两行。",