본문 바로가기
프로젝트/프리해요(부트캠프 프로젝트)

overflow, text-overflow, white-space

by hustle-ing 2023. 7. 18.

텍스트가 길어질 경우 뒷부분을 '...' 으로 남기는 방법을 기억해두면 좋을 것 같다.

...
overfolw: hidden; // 내용이 Container(Wrapper)를 넘어갈 경우 숨김
text-overflow: ellipsis; // 넘어간 텍스트를 '...'으로 표시
white-spce: nowrap; // 텍스트가 길어져도 한 줄에 나타나도록 설정
...

댓글