[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NETこんにちは、@yoheiMuneです。 こんなCSSあるんだーとビックリしたものの一つで、 指定よ小幅を超えたら文字を「・・・」で省略することができるCSSを紹介したいと思います(*´∇｀*) 横幅を超えたら文字を「・・・」で省略するCSS これを実現するために、「text-overflow」というCSSを利用します。 .userName {text-overflow: ellipsis;} ただ、上記だけでは省略されないようで、改行方法やoverflowや横幅の指定も一緒にする必要があるようです。 .userName { width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 上記の指定で、「・・・」で省略されるようになります。 （実行例） ブラウザのサポート状況 text-overf
![[CSS] 指定横幅を超えたら、テキストを「・・・」で省略するCSSの書き方 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/b371c96cc2aaff96a7b8ffab44cabea971ae747c/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F169.jpg)
