text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;위 요소를 원하는 태그에 지정해주면 적용됩니다.
cf)
- display: block; 으로 너비를 가질수 있게 변경해줍니다.
- nowrap 으로 너비를 넘어서면 자동으로 줄바꿈하는것을 막을수 있습니다.
- overflow: hidden; 으로 넘치는 부분을 화면에서 감출수있습니다.
- eclipsis 로 숨긴부분을 (...) 처리 합니다.
<적용된 모습>
