CSS设置文本——行间距 _新闻动态

 1 <html>
 2 <head>
 3     <style type="text/css">
 4         p.small {line-height: 90%}
 5         p.big {line-height: 200%}
 6     </style>
 7 </head>
 8 
 9 <body>
10     <p>
11         这是拥有标准行高的段落。
12         在大多数浏览器中默认行高大约是 110% 到 120%。
13         这是拥有标准行高的段落。
14         这是拥有标准行高的段落。
15         这是拥有标准行高的段落。
16         这是拥有标准行高的段落。
17         这是拥有标准行高的段落。
18     </p>
19     <p class="small">
20         这个段落拥有更小的行高。
21         这个段落拥有更小的行高。
22         这个段落拥有更小的行高。
23         这个段落拥有更小的行高。
24         这个段落拥有更小的行高。
25         这个段落拥有更小的行高。
26         这个段落拥有更小的行高。
27     </p>
28     <p class="big">
29         这个段落拥有更大的行高。
30         这个段落拥有更大的行高。
31         这个段落拥有更大的行高。
32         这个段落拥有更大的行高。
33         这个段落拥有更大的行高。
34         这个段落拥有更大的行高。
35         这个段落拥有更大的行高。
36     </p>
37 </body>
38 </html>

 1 <html>
 2 <head>
 3     <style type="text/css">
 4         p.small {line-height: 10px}
 5         p.big{line-height: 30px}
 6     </style>
 7 </head>
 8 
 9 <body>
10     <p>
11         这是拥有标准行高的段落。
12         在大多数浏览器中默认行高大约是 110% 到 120%。
13         这是拥有标准行高的段落。
14         这是拥有标准行高的段落。
15         这是拥有标准行高的段落。
16         这是拥有标准行高的段落。
17         这是拥有标准行高的段落。
18     </p>
19     <p class="small">
20         这个段落拥有更小的行高。
21         这个段落拥有更小的行高。
22         这个段落拥有更小的行高。
23         这个段落拥有更小的行高。
24         这个段落拥有更小的行高。
25         这个段落拥有更小的行高。
26         这个段落拥有更小的行高。
27     </p>
28     <p class="big">
29         这个段落拥有更大的行高。
30         这个段落拥有更大的行高。
31         这个段落拥有更大的行高。
32         这个段落拥有更大的行高。
33         这个段落拥有更大的行高。
34         这个段落拥有更大的行高。
35         这个段落拥有更大的行高。
36     </p>
37 </body>
38 </html>