글자 줄수마다 짜르기 ex+crome

2019. 2. 12. 17:18

글자 줄수마다 짜르기 ex+crome

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
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
    overflow: hidden; 
    text-overflow: ellipsis; // 생략기호
    display: -webkit-box; // 크롬
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word; 
    line-height: 1.3em; 
    height: 2.6em;
    </style>
  </head>
  <body>
    <div>
      <p>Lorem</p>
    </div>
  </body>
</html>

'CSS' 카테고리의 다른 글

display 속성으로 표만들기 (0)	2019.02.05
placeholder의 색, 글자 모양 꾸미기 (0)	2019.02.05
체크박스 꾸미기 (0)	2019.02.05
border-shoadow (0)	2019.02.05
border 스타일 (종류) (0)	2019.02.05

study

글자 줄수마다 짜르기 ex+crome

글자 줄수마다 짜르기 ex+crome

'CSS' 카테고리의 다른 글

+ Recent posts

티스토리툴바