13

複数行にテキストが含まれるボックス(div)が必要です。このボックスには、固定幅と固定最大高さが必要です。

今使用してoverflow: hidden;いる問題は、最後の行がdivの最大高さに収まらない場合、カットされることです(たとえば、ラインの半分だけをカットします)。この場合に実行したいのは、最後の行を表示せず、最後の行に省略記号を表示することです。

私の問題は、(プロパティを使用して)単一のテキスト行に省略記号を挿入することではありませんwhite-space: nowrap。主な問題は、テキストが最後の行で切り取られることです。最後の場合、jQueryを使用して挿入できるため、省略記号は問題になりません。

4

1 に答える 1

6

追加

text-overflow: ellipsis;

Divへ

編集:わかりました、今のところ不可能です、標準化された方法ではありません。

ただし、実験的なWebkit機能(このトピックを参照)を使用して実現することも、この人が作成してgithubでホストするソリューションを介してJSで実現することもできます。

于 2012-10-12T14:28:25.480 に答える