ホームページ > 記事 > ウェブフロントエンド > 質問の形式を維持し、記事の内容を反映した、いくつかのタイトル オプションを次に示します。 短くて簡潔: * 固定サイズの Div で複数行のテキストの省略記号を作成するにはどうすればよいですか? * テキストオーバー
jQuery を利用すると、指定された範囲内に収まるまでテキストから最後の単語を繰り返し削除することで、目的の効果を得ることができます。身長。コード スニペットは次のとおりです: このスクリプトは、テキストが パフォーマンスを最適化するには、このクライアント側の切り捨てとサーバー側の切り捨てを組み合わせてオーバーヘッドを削減することを検討してください。 実際のサンプルについては、この jsFiddle デモをチェックしてください。 以上が質問の形式を維持し、記事の内容を反映した、いくつかのタイトル オプションを次に示します。
短くて簡潔:
* 固定サイズの Div で複数行のテキストの省略記号を作成するにはどうすればよいですか?
* テキストオーバーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。解決策:
var $p = $('#fos p');
var divh = $('#fos').height();
while ($p.outerHeight() > divh) {
$p.text(function (index, text) {
return text.replace(/\W*\s(\S)*$/, '...');
});
}