하루하나
close
프로필 배경
프로필 로고

하루하나

  • ALL (217)
    • 쿠베플로우 kubeflow (1)
    • React Native (1)
      • Expo (1)
    • Programming (187)
      • spring+jwt+react (4)
      • wordpress (3)
      • Vultr (1)
      • Flutter (3)
      • Vue-project (1)
      • Vue-tip (17)
      • AngularJS (12)
      • Bootstrap (2)
      • Book (1)
      • CentOS (5)
      • Code (0)
      • Css (13)
      • Docker (7)
      • Eclipse (1)
      • Freemarker (1)
      • Git (9)
      • Front-End (6)
      • Error (7)
      • Gulp.js (0)
      • Java (12)
      • Python (5)
      • Javascript (19)
      • JPA (5)
      • jQuery (2)
      • Mac (6)
      • MySql (4)
      • Springboot (21)
      • Springboot-blog (0)
      • Daily (1)
      • Springboot-tip (3)
      • Spring (1)
      • Thymeleaf (1)
      • Tomcat (1)
      • Typescript (3)
      • Tool (5)
      • Sql (1)
      • prisma (1)
      • react (1)
    • Life (14)
      • Review (0)
      • Tip (3)
      • 리뷰 (8)
      • 부동산 (2)
  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

[css] multiple line ellipsis / 여러 줄 말줄임 처리

보통 글 내용이 길 경우 말줄임표시를 하는데 웹킷 브라우저에 경우 아래와 같이 간단히 여러줄을 처리할 수 가 있다.See the Pen multiple line ellipsis / webkit browser by homin ahn (@beans9) on CodePen. IE에 경우 위 내용이 적용되지 않는다. 아래와 같이 처리할 수 있으나 글내용이 아무것도 없을경우 라도 넣어줘야 제대로 동작한다. 원하는 줄수만큼 line-height와 max-height를 지정해 줘야 사용 가능하다. line-height:1.2em; max-height: 2.4em; /* max: 2 lines */ See the Pen multiple line ellipsis / chrome, ie by homin ahn (@bean..

  • format_list_bulleted Programming/Css
  • · 2017. 10. 17.
  • textsms
  • navigate_before
  • 1
  • navigate_next
반응형
공지사항
전체 카테고리
  • ALL (217)
    • 쿠베플로우 kubeflow (1)
    • React Native (1)
      • Expo (1)
    • Programming (187)
      • spring+jwt+react (4)
      • wordpress (3)
      • Vultr (1)
      • Flutter (3)
      • Vue-project (1)
      • Vue-tip (17)
      • AngularJS (12)
      • Bootstrap (2)
      • Book (1)
      • CentOS (5)
      • Code (0)
      • Css (13)
      • Docker (7)
      • Eclipse (1)
      • Freemarker (1)
      • Git (9)
      • Front-End (6)
      • Error (7)
      • Gulp.js (0)
      • Java (12)
      • Python (5)
      • Javascript (19)
      • JPA (5)
      • jQuery (2)
      • Mac (6)
      • MySql (4)
      • Springboot (21)
      • Springboot-blog (0)
      • Daily (1)
      • Springboot-tip (3)
      • Spring (1)
      • Thymeleaf (1)
      • Tomcat (1)
      • Typescript (3)
      • Tool (5)
      • Sql (1)
      • prisma (1)
      • react (1)
    • Life (14)
      • Review (0)
      • Tip (3)
      • 리뷰 (8)
      • 부동산 (2)
최근 글
인기 글
최근 댓글
태그
  • #css
  • #AngularJS
  • #javascript
  • #springboot
  • #GIT
  • #JPA
  • #sts
  • #Vue
  • #MySQL
  • #error
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바