現在、cssプロパティの省略記号を使用して行末に省略記号を追加しています。ただし、省略記号の後の単語数も表示したいと思います。例えば
.names {
border: 1px solid #000000;
white-space: nowrap;
width: X;
overflow: hidden;
text-overflow: ellipsis;
}
<div class="names">Tim, Tom, Mary, Bob, Sam, John</div>
ショー
ティム、トム、メアリー、..。
ただし、この場合、省略記号が他の3つの名前を表していることを示したいと思います。
ティム、トム、メアリー、...そして他の3人
javascriptまたはcssのいずれかでこれを行うための最小限の方法は何ですか。iOSアプリでWebビューを使用していますが、これはテーブル内のすべての行アイテムで計算される必要があるため、非常に軽量なjs関数が必要になります。