• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Text</title>
7
    <style>
8
        p {
9
            border: 1px solid black;
10
            white-space: nowrap;
11
            width: 250px;
12
            overflow: hidden;
13
        }
14
        #p_01 { text-overflow: clip; }
15
        #p_02 { text-overflow: ellipsis; }
16
    </style>
17
</head>
18
​
19
<body>
20
​
21
    <h1>콘텐츠 영역을 벗어난 텍스트 처리 방법</h1>
22
    <p id="p_01">콘텐츠 영역을 벗어난 텍스트 부분을 잘라냅니다.</p>
23
    <p id="p_02">콘텐츠 영역을 벗어난 텍스트 부분을 생략 부호를 사용하여 표현합니다.</p>
24
​
25
</body>
26
​
27
</html>