text-overflow (1) 썸네일형 리스트형 [CSS] 영역을 벗어난 글자를 말줄임표로 처리하는 법 : text-overflow 1. 적용 예시 아직 CSS 설정이 덜 되어있는 모습이 신경쓰이지만 이정도는 참아주자. 2. 영역을 벗어난 글자를 말줄임표로 처리하는 법 1. 이론 아래와 같은 CSS 속성을 사용하여 문제를 해결할 수 있다. white-space : 공백 처리 방법을 설정하는 속성. 공백 축소 여부 및 축소 방법, 줄바꿈 여부를 설정할 수 있다. overflow: 영역을 벗어나는 컨텐츠의 처리 방법을 설정하는 속성. text-overflow: 텍스트가 영역 밖을 벗어날 경우 해당 텍스트를 어떻게 처리할 것인지 설정하는 속성. text-overflow의 사용 조건 1. 영역이 block 속성일 것. 2. width 또는 height가 고정적일 것. 3. white-space: nowrap;을 사용해 줄바꿈을 막을 것. 4.. 이전 1 다음
