cssを使用してdivに2行を表示した後、テキストのオーバーフローを表示するにはどうすればよいですか？

Question

私はウェブページをデザインしています。私はdivに省略記号の助けを借りてテキストオーバーフローを表示したい。しかし、私はdivの2行のデータを表示したいので、テキストのオーバーフローを処理したいと思います。私はdivに固定の高さを設定したくありません。 cssを使ってこれを行うには？

Answer 1

幸い、CSS3にはtext-overflowというプロパティが追加されました。ただし、これを行うには、テキストを切り詰めて（残りの部分をホバーに表示しますが、おそらくクリック機能が必要です）。

element { 
    text-overflow: ellipsis; // exactly what you wanted 
} 

Examples and docs。

text-overflowは、CSS3 specの最新バージョンではありません。 Bummer。

javascriptまたはjQueryでこれを行うことをおすすめします。