CSSの実装は省略記号を超えて/ラップ/表示非表示のテキストをラップしません。

ページを書くとき、私たちはしばしばそれの要約であることを、上の行のテキストの変更を使用して改行を強制し、表示省略記号の数行よりも多く表示するので、今日我々は、これらの問題のために持っている必要があります！

1、ラップ

DIV { 
   ワードラップ：ブレークワード ; 
   ワードブレイク：ノーマル ; 
}

2、必須ラップではありません

DIV { 
   ホワイトスペース：NOWRAP。
}

3、英語のワードラップを強制

DIV { 
   単語ブレーク：ブレークのすべて ; 
}

4、テキストの一行は、余分なテキスト表示省略記号をラップしません。

DIV { 
   幅：200pxの。
   ホワイトスペース：NOWRAP。
   オーバーフロー：隠されました ; 
   テキストオーバーフロー：省略記号。
}

5、複数行のテキスト表示の省略記号は、超えた不要なテキストを隠します

DIV { 
   表示：-webkit-ボックス。
   オーバーフロー：隠されました ; 
   テキストオーバーフロー：省略記号。
   -webkitラインクランプ：3。
   -webkit-ボックスオリエント：縦 ; 
}

6、テキストのテーブルの単一の行のテーブルセルは折り返されません。

表 { 
   テーブルレイアウト：固定されました。
} 
テーブルのTR TD { 
   幅：60％ 。
   ホワイトスペース：NOWRAP。
   オーバーフロー：隠されました ; 
   テキストオーバーフロー：省略記号。
}