반응형 CSS3 jquery로 말줄임 기능 만들기 위와 같이 일정 글자수가 넘어가면 '...' 처리를 하려고 했다. 처음에는 css line-clamp ,ellipsis로 처리하려고 했는데 크로스브라우징에 문제가 생겨서 ㅜㅜ 크롬에서는 잘되는데 ie에서 안되는 관계로 결국에는 스크립트로 진행했다. -javascript 1 2 3 4 5 6 7 8 9 10 $('.line-clamp').each(function(){ var lentgh = 80; //글자수 $(this).each(function(){ if($(this).text().length >= length){ $(this).text($(this).text().substr(0,length)+'...'); } }); }); Colored by Color Scripter cs -html 1 2 3 4 이.. 2020. 1. 7. IE11용 CSS 핵 _:-ms-fullscreen, :root .classname{} ex) 1 2 3 4 5 6 7 _:-ms-fullscreen, :root .sample{ margin-top:10px; margin-bottom:20px; } cs 2019. 12. 11. [Javascript]css style 변경하기 -태그 id를 이용하여 css 속성 변경하깅 2017. 12. 22. 이전 1 다음 반응형
