CSS 텍스트 말줄임 효과

📝 CSS로 텍스트 말 줄임 효과 주는 방법 총정리 웹 페이지에 표시되는 텍스트가 너무 길어지면 레이아웃이 깨질 수 있습니다. 이럴 때 문장의 끝을 '...'으로 깔끔하게 처리하는 '말 줄임' 효과가 유용한데요. 이번 포스팅에서는 가장 기본적인 한 줄 말 줄임부터 여러 줄 말 줄임, 그리고 JavaScript를 활용하는 방법까지 다양한 예제를 통해 알아보겠습니다. 1. 한 줄 말 줄임의 정석: text-overflow: ellipsis ✨ 가장 널리 쓰이고 기본적인 한 줄 말 줄임 방법입니다. 세 가지 CSS 속성을 함께 사용해야 정확하게 동작합니다. 설명 white-space..

2025.08.09