line-height 属性是指文本基线之间的距离,而不是字体的大小,它确定了将各个元素框的高增加多少或减少多少。在最基本的情况下,指定line-height可以用来增加(或减少)文本之间的垂直间隔。line-height控制了行间距,这是文本行之间超出字体大小的额外空间。换句话说,line-height值和字体大小之差就是行间距。
指定line-height值,如果使用默认normal,用户代理必须计算行间的垂直空间。不同的用户代旦计算出的值可能会不同,不过通常都是字体大小的1.2倍,这使得行框要高于给定元素的font-size值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
p {
text-indent:2em;
width:400px;
text-align:justify;
line-height:1.5em;/* 字体的1.5倍*/
}
</style>
</head>
<body>
<p>
This is paragraph element,which means that the first line will be indented a quarter-inch.The other lines in the paragraph will not be indented,no matter how long the paragraph
</p>
</body>
</html>