CSS3 텍스트 오버플로(CSS3 Text Overflow)

CSS3 텍스트 오버플로(CSS3 Text Overflow)

CSS3 text-overflow속성은 표시되지 않는 오버플로 된 콘텐츠를 사용자에게 알리는 방법을 지정합니다.

잘릴 수 있습니다 :

상자에 들어 가지 않는 긴 텍스트입니다.

또는 줄임표 (...)로 렌더링 될 수 있습니다.

상자에 들어 가지 않는 긴 텍스트입니다.

CSS 코드는 다음과 같습니다.

Example

p.test1 {

    white-space: nowrap; 

    width: 200px; 

    border: 1px solid #000000;

    overflow: hidden;

    text-overflow: clip; 

}

p.test2 {

    white-space: nowrap; 

    width: 200px; 

    border: 1px solid #000000;

    overflow: hidden;

    text-overflow: ellipsis; 

}