티스토리 뷰
텍스트가 여러 줄 일 때 말 줄임 스크립트!
<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
- 탭컴포넌트
- 러닝자바스크립트
- semantic
- computed
- vueRouter
- polyfill
- nodes.js
- 프론트엔드
- 동적slot
- json server
- V-Model
- 토이프로젝트
- Babel
- 리팩토링
- sass-loader
- Vue.js
- jest
- SASS
- fetch
- vue3
- webpack
- 퍼블리셔
- WAI-ARIA
- 중첩라우트
- node-sass
- vue cli 4
- restful api server
- axios
- VUE
- scss
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함
