CSS で省略記号を使用して複数行のテキスト オーバーフローを作成するにはどうすればよいですか?

複数行の CSS オーバーフロー省略記号

問題

CSS プロパティでは、オーバーフローしたテキストを省略記号 ("...") で隠すことができます。 ) 行末に。ただし、この機能は 1 行に限定されます。目標は、この動作を複数行のテキストに拡張することです。

解決策

CSS だけではこれを実現できませんが、jQuery プラグインが解決策を提供します。以下に推奨リストを示しますプラグイン:

• http://pvdspek.github.com/jquery.autoellipsis/
• http://dotdotdot.frebsite.nl/
• http://keith-wood.name/more.html
• http://github.com/tbasse/jquery-truncate

パフォーマンス考慮事項

プラグインを選択するときは、パフォーマンス テストを考慮してください。以下はパフォーマンス評価のためのリソースです:

• [パフォーマンスの比較](https://code.google.com/archive/p/jquery-text-overflow/)
• [ Ellipsify パフォーマンス テスト](https://ellis.ninjs.in/performance)

以上がCSS で省略記号を使用して複数行のテキスト オーバーフローを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。