JavaScript - テキストを 1 行で表示し、文字数を超えた場合に置き換えるにはどうすればよいですか?

Question

タイトルのように、幅は固定されています。単語数がその数を超える場合は、代わりに...を使用してください。

Answer 1

リーリー

ポータル、チェックしてみてください

Answer 2

固定アプローチには次の 4 つの条件が必要です:
1. 固定幅
2.overflow:hidden
3.white-space:nowrap
4.text-overflow:ellipsis

Answer 3

リーリー

Answer 4

まず最初のポイントは、線幅を与えない場合でも、線に一定の幅を与える必要があるということです。幅。 。 。
その他のコードは以下の通りです

リーリー

Answer 5

/a/11...
2つの実装方法、固定幅、余分な表示...、マウスホバーでコンテンツを省略

Answer 6

リーリー

Answer 7

固定幅の場合は、overflow:hidden;text-overflow:ellipsis;white-space:nowrap;を使用します