Web ページのボックスに表示する必要があるテキストをトリミングしたいと考えています。既知のパラメータは、フォント ファミリ、フォント サイズ、表示する文字数、実際のテキスト、そしてもちろんバウンディング ボックスの幅です。
ソーステキストをトリミングする場所と「...」を配置する場所を計算する必要があります
アイデアはありますが、速すぎません。
おそらくCSSでトリミングを行う他の方法が存在する場合は、それを知りたいので、それも解決策として受け入れることができます。
これを事前に計算することはできません。実際のテキストをブラウザーに配置し、出力を測定する必要があります。必要に応じて、負のテキスト インデントを使用して、画面外でこれを行うことができます。
オーバーフローのある固定サイズのコンテナーに基づいて省略記号を設定できる jQuery 用のプラグインがあります。
古いブラウザーをサポートする必要がない限り、次の単純な css を使用できます。
text-overflow:ellipsis;
http://www.w3schools.com/cssref/css3_pr_text-overflow.aspリンクの説明をここに入力