[javascript/snippet] 말줄임 처리하기

출력하고자 하는 넓이보다 글자수가 긴 경우에 ".."으로 말줄임 표시하는 방법

1. 자바스크립트로 처리하기

    let length = 13; // 표시할 글자수 기준
    let str = '자바스크립트문자열테스트중입니다.';
    if (str.length > length) {
        str = str.substr(0, length - 2) + '...';
    }
    console.log(str);

위 예제 테스트 결과

2. CSS로 처리하기

 

/* 긴 대쉬보드명이 오는 경우에 "..." 표시를 위함 */
.Button.dashboard-menu {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}