Gooday Note Scrap Source Android login
 
작성일 : 18-10-05 11:39
[CSS] 출력되는 글자의 줄 수를 CSS를 사용하여 표시
 글쓴이 : 기리 (123.♡.195.38)
조회 : 6,894  
   https://jsfiddle.net/asimovwasright/hbahar95/ [327]
   https://code.i-harness.com/ko-kr/q/3bdb33 [355]
[HTML]

<div class="text ellipsis">
  <span class="text-concat">
Lorem ipsum dolor sit amet, nibh eleifend cu his, porro fugit mandamus no mea. Sit tale facete voluptatum ea, ad sumo altera scripta per, eius ullum feugait id duo. At nominavi pericula persecuti ius, sea at sonet tincidunt, cu posse facilisis eos. Aliquid philosophia contentiones id eos, per cu atqui option disputationi, no vis nobis vidisse. Eu has mentitum conclusionemque, primis deterruisset est in.

Virtute feugait ei vim. Commune honestatis accommodare pri ex. Ut est civibus accusam, pro principes conceptam ei, et duo case veniam. Partiendo concludaturque at duo. Ei eirmod verear consequuntur pri. Esse malis facilisis ex vix, cu hinc suavitate scriptorem pri.
  </span>
</div>

[CSS]
.text {
  position: relative;
  font-size: 14px;
  color: black;
  font-family: sans-serif;
  width: 200px; /* Could be anything you like. */
}

.text-concat {
  position: relative;
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
  line-height: 1.2em;
  text-align:justify;
}

.text.ellipsis::after {
  content: "...";
  position: absolute;
  right: -12px; 
  bottom: 5px;
}

최고관… 18-10-05 11:40
 123.♡.195.38  
 
 

Total 121
번호 제   목 글쓴이 날짜 조회
121 [Linux] 서버정보 안보이게 하기 기리 07-17 993
120 [Linux] Redis and phpredis (2) 기리 01-26 7708
119 [Linux] Coin 거래소 기리 01-01 963
118 [JavaScript] ReactJS 기리 01-01 848
117 [CSS] 출력되는 글자의 줄 수를 CSS를 사용하여 표시 (1) 기리 10-05 6895
116 [Linux] SSL 인증 의무화 최고관… 09-15 6979
115 [Linux] HTTPS - SSL (1) 최고관… 09-14 936
114 [Linux] mod_ssl 로 보안 강화하기 최고관… 09-14 898
113 [Linux] AWS 아마존 웹 서비스 (3) 최고관… 09-10 943
112 [Linux] 서버 시작 시 IP 메일 보내기 최고관… 07-17 8323
111 [Linux] CentOS 7 minimal network 설정 기리 12-22 1331
110 [JavaScript] 브라우저 설정 언어 확인 기리 11-21 1233
109 [MySql] database 생성 최고관… 05-20 1643
108 [RaspberryPi] 계정 관리(추가, 수정, 삭제) (1) 최고관… 05-19 6155
107 [Linux] 리눅스 APM 정의 및 설치(ubuntu, redhat) 기리 03-15 2428
 1  2  3  4  5  6  7  8  9