2

大量のテキストを固定サイズのdivに合わせるにはどうすればよいですか?このdivのテキストの最大幅に達したときに、テキストをドットで分割したい...

私はこれを試しました、私は本当に私が望む結果を見ません

.description {
  max-width:590px;
  max-height:100px;
  float:left;
}

私が今得たものの結果

ここに画像の説明を入力してください

この画像が欲しい

4

2 に答える 2

5

固定幅を指定し、text-overflowCSS プロパティの width 値を使用しますellipsis

デモ

text-overflow: ellipsis;

注: これは 1 つの回線に対してのみ有効です。

これが複数行で機能する必要がある場合は、jQuery を使用する必要があります

デモ(ソース)

于 2012-11-15T09:14:21.723 に答える
1

text-overflowプロパティを使用する

text-overflow:ellipsis;

そしてあなたは保つべきです。

overflow:hidden;
white-space:nowrap;

オーバーフロー コンテンツを使用するためのリファレンスは次のとおりです。

https://developer.mozilla.org/en-US/docs/CSS/text-overflow

デモ

これは、複数行のテキストを処理する jquery プラグインです。動作しているように見えるものは次のとおりです: http://pvdspek.github.com/jquery.autoellipsis/

例: http://jsfiddle.net/VpmbL/

于 2012-11-15T09:15:55.697 に答える