티스토리 뷰
텍스트가 여러 줄 일 때 말 줄임 스크립트!
<div class="ellip-multi"><p>text area</p></div>
<script>
// 영어일 때
while ($('.ellip-multi p').outerHeight(true) > $('.ellip-multi').height()) {
$('.ellip-multi p').text(function(index, text) {
return text.replace(/\W*\s(\S)*$/, '...');
});
}
// 한글일 때
while ($('.ellip-multi p').outerHeight(true) > $('.ellip-multi').height()) {
$('.ellip-multi p').text(function(index, text) {
return text.replace(/\s(\S)*$/, '...');
});
}
</script>
'Javascript' 카테고리의 다른 글
[Javascript] 페이지 진입 시, url hash 따라 스크롤 이동 (0) | 2020.07.14 |
---|---|
[번역] Javascript의 Class (0) | 2020.06.24 |
Ajax 로컬 테스트 안될 때 (0) | 2020.03.26 |
[Swiper] 한 페이지에 swiper 여러개 일 때 (0) | 2020.03.26 |
[Swiper] 특정 슬라이드로 이동하기 (0) | 2020.03.26 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- webpack
- 프론트엔드
- 중첩라우트
- VUE
- jest
- 토이프로젝트
- WAI-ARIA
- polyfill
- 동적slot
- sass-loader
- Vue.js
- json server
- Babel
- 리팩토링
- V-Model
- semantic
- 탭컴포넌트
- restful api server
- vueRouter
- 러닝자바스크립트
- SASS
- computed
- node-sass
- vue3
- fetch
- scss
- axios
- 퍼블리셔
- vue cli 4
- nodes.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
글 보관함