css 抜粋表示【…】

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

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

@mixin textOverflow($font-size, $line-height, $lines) {
  font-size: $font-size;
  height: $font-size * $line-height * $lines;
  line-height: $line-height;
  position: relative;
  overflow: hidden;
  &:before,
  &:after {
    background: #fff;
    position: absolute;
  }
  &:before {
    content: "...";
    top: $font-size * $line-height * ($lines - 1);
    right: 0;
    padding-left: 5px;
  }
  &:after {
    content: "";
    height: 100%;
    width: 100%;
  }
}