개발(Dev)/HTML-CSS-JS
말줄임(ellipsis) 두줄이상에 적용하는 방법
css 를 이용해서 ellipsis 두줄이상에 적용하는 방법입니다. 블로그 적용하기 위해 찾아보고 기록을 위해서 글을 남깁니다. ellipsis 기능에 대한 상세한 설명은 아래 사이트 참고하면 됩니다. https://www.w3schools.com/cssref/css3_pr_text-overflow.asp 아래파일은 이 글에서 사용한 코드를 기준으로 만든 html 파일입니다. #ellipWrap { width: 100px; background-color: #ccc; } .ell { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* ellipsis lin..
2018. 5. 9. 18:34
최근댓글