CSS3 텍스트 오버플로(CSS3 Text Overflow) 정보
CSS 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;
}
추천
0
0
댓글 0개