複数行のテキストを表示div
している があり、テキストが切り取られないようにしたいと考えています。overflow:hidden
クリップされたテキストの例を次に示します。
これを Pure CSS で実行したいと考えています。(Javascript なし)
の高さが固定されている場合は、この のようにこの目的にdiv
使用できます。line-height
しかし、私div
はheight:50%
...だから、どのように私ので可能な限り複数行div
のテキストを表示し、テキストのクリッピングを回避するのですか?
編集:現在、dotdotdot ellipsis javascript プラグインを使用しています。また、別のプラグインをテストしました (名前は覚えていません)。ただし、特に省略記号を適用するボックスが多数ある場合、特に iPad や Android タブレットでは遅すぎます。(Chrome for Windows でははるかに高速です)