말줄임표
Text Ellipsis (Truncate)
글이 너무 길면 뒤를 '…'으로 잘라서 칸 밖으로 넘치지 않게 해요.
💡 문자 미리보기에서 앞부분만 보이고 뒤는 '…'으로 줄어드는 것과 같아요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
CSSwhite-space: nowrap; overflow: hidden; text-overflow: ellipsis;
🤖 AI에게 이렇게 말해 보세요
카드의 상품명이 두 줄을 넘으면 말줄임표(Ellipsis)로 '…' 처리해 줘(line-clamp 2).
핵심은 ‘Text Ellipsis (Truncate)’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
글이나 이미지가 상자 밖으로 삐져나오는 걸 '오버플로(Overflow)'라고 해요. '넘쳐요'라고 하면 AI가 알아들어요.
이럴 때 써요
- 상품명, 제목이 길어서 카드 모양이 깨질 때
이렇게도 불러요: …, 점점점, 글자 자르기, 넘침, overflow, line-clamp, 말줄임, truncate