省略する

トラストバンク開発部・フロントエンドチームの君田（きみた）です。 本日はテキストの省略表示に使用することができるcssプロパティ「line-clamp」について書いていきます。 最近業務で業務で使用する機会があり、大変便利で感動を覚えたので是非記事にしようと思いました。 これまでのテキスト省略方法 トラストバンクではこれまでテキスト省略をする場合には、JavaScriptを使用して実現していました。 主に以下の様なコードを使用していると思います。 省略対象の文字数が50を超えた場合、50文字以降は省略し、51文字目に「...」を加えて表示するサンプルです。 const omitTexts = …