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

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