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