JavaScript - テキストを 1 行で表示し、文字数を超えた場合に置き換えるにはどうすればよいですか?
大家讲道理
大家讲道理 2017-05-19 10:13:23
0
7
958

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(7)
迷茫

リーリー

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

いいねを押す +0
为情所困

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

いいねを押す +0
小葫芦

リーリー

いいねを押す +0
阿神

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

リーリー
いいねを押す +0
仅有的幸福

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

いいねを押す +0
巴扎黑

リーリー

いいねを押す +0
我想大声告诉你

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート