CSS中标题限制在两行

css经常出现标题限制在两行的情况，之后如果内容过多会显示省略号

    line-clamp使用：
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

linear-gradient：创建以对角线方式渐变的图像

linear-gradient(#fff, #333);
linear-gradient(to bottom, #fff, #333);
linear-gradient(to top, #333, #fff);
linear-gradient(180deg, #fff, #333);
linear-gradient(to bottom, #fff 0%, #333 100%);

创建背景图片或纯色或渐变的效果(仅仅适用于白底纯色的图片)

  background:url($(img)）),linear-gradient(#f00,#00f);
  background-blend-mode:lighten;
  background-size:cover;