css 字体由左到右改变 文本换行超出显示省略号

    <div class="exhibition">一处激发，创意无限</div>

.exhibition{

  background: linear-gradient(

      to right,

      rgb(48, 88, 229),

      white

    ); /* 从左到右渐变，颜色从黑色到白色 */

    -webkit-background-clip: text; /* 设置背景裁剪为文本 */

    color: transparent; /* 隐藏文本颜色 */

}

       <div class="introduce ">-站式智能创意生产与管理平台</div>

   .introduce {

        height: 70%;

        width: 72px;

        font-size: 22px;

        color: #3f3f3f;

        overflow: hidden; /* 隐藏超出部分 */

        display: -webkit-box; /* 对象作为伸缩盒子模型显示 */

        text-overflow: ellipsis; /* 超出部分省略号 */

        word-break: break-all; /* break-all(允许在单词内换行。) */

        /* 对象作为伸缩盒子模型显示 */

        -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */

        -webkit-line-clamp: 2; /* 显示的行数 */

      }