Chrome Developer Tools入門 (全10回) - プログラミングならドットインストールGoogle Chromeに内蔵されているデバッグ用ツールについて学んでいきます。
[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)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
