プログラミング

はみ出したテキストを「…」で省略する方法【CSS】

文章が長くて親要素の幅からはみ出してしまう時には、CSSでテキストを「…」で省略することができます。

See the Pen
YzPLRQa
by KUBO (@KUBOGEN)
on CodePen.

.text {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

関連プロパティ
overflow
text-overflow
white-space

Leave a Comment