16
2行のテキストオーバーフローの省略記号
CSSルールの組み合わせを使用して、オーバーフロー(親の境界から抜け出す)のタイミングでテキストを省略記号(...)で終了できることを知っています。 同じ効果を達成することはできますが(簡単に言ってもかまいません)、テキストを複数行で折り返すことはできますか? こちらがデモです。 div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ご覧のように、テキストはdivの幅よりも広くなると省略記号で終わります。ただし、テキストを2行目に折り返すための十分なスペースがまだあります。これはwhite-space: nowrap、省略記号が機能するために必要なによって中断されます。 何か案は? PS:JSソリューションはありません、可能な場合は純粋なCSS。