Google Chromeに内蔵されているデバッグ用ツールについて学んでいきます。
![Chrome Developer Tools入門 (全10回) - プログラミングならドットインストール](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b3b458be2139c42887378140637e40663dba5de/height=288;version=1;width=512/https%3A%2F%2Fdotinstall.com%2Fpackage_img%2Fbasic_chrome_dev_v2%2Fscreen_1.png)
こんにちは、@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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く