文本控制行数，超出省略号显示

1. 一行：

   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   word-break: break-all;

2. 两行：

   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;

3. 小程序两行：

   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   white-space: normal !important;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

注意：两行或多行显示时，如果发现没效果，检查哪个属性被覆盖了，并增加盒子高度以撑开内容！！