简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 怎样实现多行文本溢出部分添加省略号？
PHP中文网
PHP中文网 2017-04-11 11:31:57
0
2
612

多行文本的时候超出部分如何添加省略号？

display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;

跟上面的实现的效果一样，也要兼容其他浏览器，是否有办法？

PHP中文网
PHP中文网

认证0级讲师

全員に返信(2)
洪涛
洪涛2017-04-11 11:33:57 2棟

单行:

多行: js判断字符长度超出 substring/substr截取字符串 + "...".

いいねを押す +0
返信を追加
Ty80
Ty802017-04-11 11:33:57 1棟

width:24em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
前面的长度自己调整

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！