CSS は省略記号を使用して複数行のテキストを切り詰めることはできますか?

複数行テキストの省略記号: CSS の難題

質問: CSS の text-overflow: 省略記号を複数行テキストに適用して、余分なテキストを切り詰めることはできますか省略記号付き(...)?

答え: 残念ながら、現在の CSS 機能では、複数行のテキストで text-overflow: ellipsis を有効にすることができません。広範な調査の結果、有望な解決策は見つかりませんでした。

ただし、Opera は text-overflow: -o-ellipsis-lastline プロパティを使用した限定的な回避策を提供していますが、これは Opera ブラウザーでのみサポートされています。あるいは、WebKit ベースのブラウザは、http://dropshado.ws/post/1015351370/webkit-line-clamp にある同様のソリューションから恩恵を受けることもできます。

これらの限られたオプションにもかかわらず、text-overflow の完全な実装は: 複数行テキストの省略記号は、CSS だけを使用するとわかりにくいままです。

以上がCSS は省略記号を使用して複数行のテキストを切り詰めることはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。