[CSS] 한줄, 여러줄 텍스트 ellipsis 말줄임표(...)로 처리하는 방법
안녕하세요! 오늘은 CSS를 활용하여 말줄임 표시를 넣는 방법에 대해서 설명해 보도록 하겠습니다. 웹페이지 작업을 하다 보면 말줄임(...)이 필요한 상황이 생깁니다. 말줄임을 통해서 해당 콘텐츠의 길이가 더 길고 지금은 생략이 되어있다는 것을 표시할 수 있기 때문입니다. 아래 CSS를 이해하시면 앞으로 효율적이고 더 포 넓은 활용이 가능해질 것입니다. 1. 한줄로 된 콘텐츠에서 말줄임(...) 표시하기CSS의 text-overflow 속성을 사용하여 텍스트에 말줄임표(ellipsis)를 표시할 수 있습니다. 이를 위해 필요한 CSS 속성은 다음과 같습니다.display : block or inline-blockwhite-space: nowrap; : 텍스트를 한 줄로 표시합니다.overflow: h..
카테고리 없음
2024. 8. 1. 12:47