ゆうやの雑記ブログゆうやの雑記ブログホームHTML・CSS・JSCSSで文字列の末尾を「・・・」(3点リーダー)で省略する方法ゆうや2019/12/30SHAREツイートシェアはてブGoogle+PocketLINEこんにちは。UVERworld布教クリエイターのゆうや(@yuyaphotograph)です!本記事では、CSSで文字列の末尾を「・・・」で省略する方法をご紹介します。FirefoxやIEなど一部ブラウザでは対応されていないTipsですが知っておいて損はないでしょう笑それでは参ります!目次CSSで文字列の末尾を「・・・」で省略してみよう!完成イメージCSSで文字列末尾を省略するポイントサンプルコード参考記事まとめCSSで文字列の末尾を「・・・」で省略してみよう!完成イメージ今回実装する文字列末尾省略のイメージを共有します。上が3行で省略サンプル。下が2行で省略サンプル。2」と書けばオッケーです(^o^)MEMOちなみにclampは「クランプ」と読みます!お次に、要素の範囲内に収まりきらないはみ出たテキストを非表示にするためoverflow:hiddenなどを指定します。【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー(...)にする方法いろいろPSYENCE:MEDIAまとめ以上、CSSで文字列の末尾を「・・・」(3点リーダー)で省略する方法をご紹介しました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。