CSS 말줄임표(...)를 코딩하기

게시판에서 말줄임표를 CSS에서 코딩하기

 

 

​

메인페이지에 노출되는 뉴스의 요약내용에 보이는 말줄임표 (...)를 CSS에서 아래와 같이 코딩하세요.

 

영역에서 벗어나는 글자들은 "..." 표시해 줍니다.

 

 

간단하지만 코딩으로 표현하기에는 한편으로 어렵기도 해서 정리해 보았습니다.

 

 

{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}