複数行で3点リーダーを表示する方法
position: absoluteで初めから...をCSSで配置するやり方もあるが、なんか見た目が悪かったりしてあんまりいい方法で無いと思っています。
https://tech.recruit-mp.co.jp/front-end/tips-ellipsis/
他にはJSで何回もチェックして高さが収まるまで文字を減らしていくやり方もあるようです。
何回もやるのが気になりますが、サイズの計算をしっかりしているので間違いはなさそうです。
https://qiita.com/kiku-nao/items/339a8ea673c1917c6b59
他にいい方法があれば教えて欲しいです。
-webkit-line-clampがIE以外は対応していた。これが使えるようになればこっちで良さそう。
https://caniuse.com/#search=clamp
vue-clampってnpmモジュールで簡単にできました
IE非対応です🤣
https://justineo.github.io/vue-clamp/demo/
#css #javascript #3点リーダー
Created By onuma