1行のテキスト
text-overflow：ellipsisだけの場合は、
コードを制限するために幅と高さを追加しても効果はありません：
effect：
次に追加する必要があります：
overflow：hidden;
text-overflow：ellipsis;
white-スペース：nowrap;
コード：
効果：
複数行のテキスト
コードは次のとおりです。
注：幅と高さは実際の
効果に応じて調整する必要があります。WebKit
のCSS拡張プロパティは上記で使用されており、このメソッドはWebKitブラウザーとモバイル端末に適しています。
注意：
-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：
display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
このメソッドの互換性はあまり良くありません。使用効果を最適化するには、jsと組み合わせる必要があります。たとえば
、高さを行の高さの整数倍に設定して、余分なテキストが公開されないようにします。
p :: afterにグラデーションの背景を追加すると、テキストが半分に表示されないようにすることができます。