行距
行与行之间的距离最常用的称呼是行距，而当网页设计者们发现他们能够控制行距时最常用的称呼是"Weee!" php程序员站
行高
行高简直是上帝发给人间的福音。利用行高我们可以随心所欲地控制行与行之间的垂直距离。
php程序员站
B { line-height: 16pt } www.phperz.com
你所用的参数就是相邻两行的基准线（基准线就是英文小写字母如x,a的下阶线，但不包括诸如y,g等字母超过下阶线的部分）之间的垂直距离。注意你所设定的参数将完全代替浏览器的缺省参数。
Netscape Communitor和Internet Explorer在行之前加入行高参数。所以如果你将参数设为10px，浏览器将把文字的第1行以10px的高度显示。
有3种设定行高的方法：
www~phperz~com
用数字设行距
www~phperz~com
当你用数字设定行高的时候，浏览器将利用字号来确定行距：它将字号乘以设定的参数值。所以，在本例中，行高将是24点。显示效果如下：
phperz~com
Four score and seven years ago,
the Web wasn't yet a glimmer in
anyone's eye. No one needed it,
no one missed it. Eighty-seven
years from now, what will
people laugh at us for lacking? www~phperz~com
你还可以用小数设定参数值。 www~phperz~com
（你应该知道IE 3 不支持数字参数值，在IE 3 中使用数字参数将出现大片文字的互相重叠。） www.phperz.com
用长度单位设定行距
phperz.com
设定行高的另一种方法就是利用先前学过的长度单位（em及pt是最常用的单位），以下为显示效果：
www~phperz~com
Four score and seven years ago,
the Web wasn't yet a glimmer in
anyone's eye. No one needed
it, no one missed it.
Eighty-seven years from now,
what will people laugh at us
for lacking? www~phperz~com
你既可以轻松地将行距缩小也可以将行距放大。有了样式表，这一切都易如反掌！ phperz~com
用比例设定行距
phperz.com
在本例中，行距是长度10points的140％，即14points。明白了吗？ www~phperz~com
让文字互相重叠! www~phperz~com
你可能会问这样的问题：如果行距太小的话，文字岂不就重叠在一起了吗？是这样的。我们来看看这个例子：
phperz.com
以下为显示效果:
www~phperz~com
"Whoa" 使用了浏览器的缺省行高设置。但"Cool"的行高很小所以它和第1行重叠了。 php程序员之家
（Communicator和Internet Explorer对行高的诠释有所不同。 Communicator将只是将文字的上半部分重叠一点，而IE则将其全部重叠。） php程序员之家
|
