More than 5 years have passed since last update.

【メモ】CSSで長文の途中で切って途中で'...'を表示する方法(1行、複数行)

Posted at 2017-08-25

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

p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

※複数行でIE,Firefox対応の書き方は下記記事参照。