text-overflow1 text-overflow 텍스트 말줄임표 표시 텍스트가 너무 많은 경우 ... 처럼 말줄임 표시를 해야하는 경우가 많다. 게시판에서 제목이 긴 경우에 보통 ... 표시가 많은데 텍스트의 생략 기호를 표현할 수 있는 text-overflow 속성에 대해 알아보자. css 의 text-overflow:ellipsis; 속성을 이용하면 된다. 위와 같이 영역을 넘어서는 경우 말줄임 표시(...)가 동작된다. text-overflow를 구현하기 위한 조건으로는 1. width 값이나 height 값이 명시되어야 한다. 2. overflow:hidden; 을 통하여 영역 숨김 3. 줄바꿈 방지를 위해 white-space:nowrap; 사용 width: 500px; overflow: hidden; white-space: nowrap; text-overflow.. 2022. 6. 23. 이전 1 다음 728x90
