指定した幅からはみ出たテキストを...にする

ブログを更新してるって事はわりと仕事が落ち着いている時！ 良いのか悪いのかは分かりません。 して、さすがに、前のネタはビミョー過ぎたかな！とか思いつつも今回も特に珍しいネタではないですが、メモがてら。 随分昔に、似たような記事を書いてますが、あっちは使い勝手が悪いので、今回はちゃんと使えそうな方法です。 使いドコロとしては、パンくずリストとかスマホ対応の記事一覧とかでしょうか。 サンプルは下記よりご覧ください。 重要になってくるのは、以下の3つのプロパティです。 ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } どれか一つでも無いとダメなので、セットで書くようにしませう。 わりとIE6でも...にはならないけど、切ることは出来たりと対象ブラウザも広いです。 パンくずリストで使う場合は、2行にな

[groopcms]

知っているようで知らいなことかも？CSSでホームページ上に表示する文字制限が可能ですよ！一定の幅を超えたら「…」と表示する方法です！

[cyokodog]

ellipsisなんてのがあるだぁ

[bleu-bleut]

文字列の省略

[pyonkichi1011]

指定した幅からはみ出たテキストを...にする

[velvet__1113]

[]

[kkeisuke]

text-overflow: ellipsis;