テキストオーバーフロー省略記号の複数行を表示する方法

　　非表示テキストオーバーフローする必要があります。プロジェクトを行うことは、多くの場合、そのような必要性が発生します。

　　私は2つの状況が発生しました：

　　　　1（以下）は、単一の行のテキストオーバーフロー

　　　　

　　　　テキストオーバーフローの2複数行（下）

　　　　　　

 

 

 　　　　それ以上のあなたがフレームに優れたテキストを描画することではありませんが、彼女はなっていることを、ああよりも劣らず過ごし、我々はまだ省略記号を使用すること

　　　　

　　　　初見、良い操作、適切なコード、CSSと一緒に次にオーバーフロー・ブロックを非表示にする必要があります：

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

　　以下は、それがなくなった方法です

　　

 

　　第二、上記のコードでCSSを追加する最初頼っ必要性を見てください：

　　

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

　　このようなダ実行後：

　　

　　　-webkitラインクランプは、最初の数行の省略記号で提供されてもよい、請求

　　　　例えば、Iは、上述した第3行目に、書き込みた  -webkitラインクランプ：3。

　　　　2書かれた言葉は、次のようになる場合：

　　　　

 

 　　　　はい、あなたは、その権利を読んで二行目、3行目の省略記号ですが、まだ表示されます

　　　　ページを書くときに、我々は高いJiuhaola下で計数今回は、とにかく、大きさを持っている、数学だけで罰金

 

　　　　二つの方法の上に使用した場合でも、もう一つ注意すべきは、テキストは、コンテナの幅を持っている必要があります、または間違ったヨを行くかもしれません。