この質問は本質的に別の質問と同じです（div 内の2行のみでテキストをラップします）が、そのスレッドの回答はどれも正しく機能しませんでした。
私の状況はこれに要約されます: 私は固定幅と固定高さの DIV を持っていますが、可変長のテキストのコンテナーです。長さが最初の行を超える場合は、2 行目に折り返す必要があります。テキストが 2 行目を超える場合は、省略記号で切り詰める必要があります。
これまでのところ、私は以下を使用しています：
.name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
line-height: 10px;
width: 64px;
}
しかし、明らかにそれはラップしません。いくつかの変更を加えて、2 行目に折り返すことができますが、それを超えて折り返すと、楕円は適用されません。
他のスレッドに投稿された回答に関する限り、これが最も近いものでしたが、2行目だけでなく両方のテキスト行に省略記号を適用しました.
CSS のみを使用してこれを行う方法はありますか、またはこれを達成するには JavaScript を使用する必要がありますか?