くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

トップ > css > text-overflowの複数行版、line-clampを使ってみる

text-overflowの複数行版、line-clampを使ってみる

css

複数行でも省略できるようになるline-clamp。
使ってみたら、若干手間取ったので、その時の備忘録。

.clamp-three-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  
  /* 上の３つを指定して、やっと使えるようになる */
  -webkit-line-clamp: 3;
}

text-overflowと同様に、使うための条件があるらしい...
CSSむずい...

以上!!

参考にしたサイト様