文字数が多いときに、指定行数を超えた文字を非表示にするCSS

2020年11月26日

コード


p {
  width: 300px;
  display: -webkit-box;         /* 3つセットで使う */
  -webkit-box-orient: vertical; /* 3つセットで使う */
  -webkit-line-clamp: 3;        /* 3つセットで使う */
  overflow: hidden;
}

p {

width: 300px;

display: -webkit-box; /* 3つセットで使う */

-webkit-box-orient: vertical; /* 3つセットで使う */

-webkit-line-clamp: 3; /* 3つセットで使う */

overflow: hidden;

}

-webkit-line-clamp
https://developer.mozilla.org/ja/docs/Web/CSS/-webkit-line-clamp

行数の指定、その行数を超えた場合に非表示にする(cssのみ)
https://qiita.com/yurippine/items/0de4455b44ee734779a3

コメントを残すコメントをキャンセル

Homestead & Laravelでタスクスケジ…

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル