More than 3 years have passed since last update.

複数行テキストの末尾省略をCSSのみで実現する方法(複数行）とフォローバックについて

Last updated at 2022-01-08Posted at 2021-02-23

.style-jobs-contents{
  /* -webkit-がIEなど古いブラウザに対応していないためフォローバックを入れる */
  display: block;
  display: -webkit-box;
  height: 50px;
  margin: 0 auto;
  line-height: 16px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

CSSがどのブラウザで使用できるか知るのは以下のサイトで可能です。
-webkit-はIEに対応していないことがわかります。
https://caniuse.com/

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up