Language+/Html & JSX

text가 width를 넘어갔을 때 생략표현(...)하기

메타H 2023. 8. 17. 14:42

max-width를 넘어가지 않은 상태

확인은 span태그에서 완료하였다

overflow:hidden;
text-overflow:ellipsis;

위 속성을 부여하면 text가 width를 넘어갔을 때 생략표시된다

 

임의로 text를 늘린 상태. 넘어간 text는 생략 되었다