FrontEnd/CSS
[CSS] '...' 처리하는 방법 (text-overflow : ellipsis)
📋 text-overflow text-overflow 란 박스 안에 내용이 넘칠 때 텍스트를 어떻게 처리할지 지정하는 속성입니다. text-overflow 속성은 아래 두가지를 모두 충족할 경우에만 적용됩니다. overflow 속성값이 hidden, scroll, auto 일때 (visible 제외) white-space: nowrap ✔ '...' 처리하는 방법 [HTML] 텍스트 내용이 박스를 넘어가게 될때 ...을 사용하는 방법입니다. [CSS] .text{ width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } overflow: hidden : 넓이가 100px을 넘어가는 내용에 대해서 보이지 않게 처리 text-ov..
