本篇来自官方文档，但在amazeui.css里面并没有搜到类名为.line-clamp的css，不过自己添加上应该还是可以使用的。

官方文件注释是 // 这里修改为要显示的行数，导致运行时实现不了效果，是因为这样注释css是错的，改成/*这里修改为要显示的行数*/就可以了

不明白的可以访问来源网址，查看官方文档，在页面的中下方。

在只针对 PC 端开发的年代，可以通过后端控制输出文字的长度来实现固定行数的效果。

Webkit 内核的浏览器可以通过 -webkit-line-clamp 私有属性实现多行文字截取。其他浏览器没有这个属性，我的做法通常是把容器的高度限定为 行高 * 显示的行数，超出的部分隐藏，勉强达到目的。

.line-clamp {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /*这里修改为要显示的行数*/
  -webkit-box-orient: vertical;
}

line-clamp(@lines, @line-height: 1.3em) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lines; // number of lines to show
  overflow: hidden;
  line-height: @line-height;
  max-height: @line-height * @lines;
}