[BFE.dev] 텍스트 한 줄로 줄이기

텍스트 한 줄로 줄이기

줄임표(...)를 사용해서 한 줄로 줄이기

1.텍스트의 길이가 컨테이너 너비보다 짧은 경우입니다.

2.텍스트가 컨테이너의 너비보다 길어져서 줄임표(...)가 필요한 경우입니다.

정답

  white-space: nowrap;   /* 컨테이너를 넘어가는 부분이 줄바꿈되지 않도록 함 */
  overflow: hidden;    /* 컨테이너를 넘어가는 부분을 가려줌 */
  text-overflow: ellipsis;  /* 컨테이너를 넘어가는 부분을 말줄임표로 처리함 */