본문 바로가기

Web Programming/HTML & CSS

[CSS] span에서의 ... 말 줄임표(text-overflow: ellipsis 속성) 처리

div와 같은 block 요소와는 다르게, span은 inline요소이기 때문에, text-overflow: ellipsis 속성을 줘도 제대로 동작하지 않는다.


이러한 경우에는 span 요소에 display: inline-block이나 display: block 을 추가하여 block 요소로 변경하면 정상적으로 동작한다.

반응형