ellipsis

한줄일때 부모에 overflow:hidden 필수

  .contentBox {
    overflow: hidden;

    .title {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-wrap: anywhere;
    }
  }

두줄이상일때 자식에서만

   .title {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow-wrap: anywhere;
      display: -webkit-box;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      word-break: keep-all;
   }