[CSS] 일반 요소 혹은 테이블에서 말 줄임표 (..) 적용

td {
      max-width: 450px;                                                                              

      > div {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 1.7;

            @supports (-webkit-line-clamp: 2) {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: initial;
                  display: -webkit-box;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
            }
      }
}