css3 - 記事には多くの段落があります。段落ごとに制御するのではなく、記事全体に表示される行数を制御し、残りの行を省略するにはどうすればよいですか?

Question

リーリー リーリー

このようにして、各段落が省略されます
映画全体でこのような効果を実現するにはどうすればよいですか

Answer 1

jquery.dotdotdot.min.js、あなたはそれに値します。

Answer 2

リーリー

効果は写真の通りです:

プレビュー: https://ityanxi.github.io/seg...

Answer 3

これはChromeでのみサポートされているようです

Answer 4

段落全体を省略するには、スタイル属性 -webkit-line-clamp: x; を p 要素の親ノードに追加する必要があります

Answer 5

https://codepen.io/anon/pen/e...

リーリー

Answer 6

全体の高さを指定してから、余分な部分を非表示にする行数を指定する必要があります