标签：ack blog ges 单行 set htm 行高 技术 通过
在CSS并没有为我们提供一个直接设置行间距的方式，我们只能通过设置行高来间接的设置行间距，行高越大行间距越大。
使用line-height来设置行高 。
行高类似于我们上学单线本，单线本是一行一行，线与线之间的距离就是行高，网页中的文字实际上也是写在一个看不见的线中的，而文字会默认在行高中垂直居中显示。
行间距 = 行高 - 字体大小。
通过设置line-height可以间接的设置行高，可以接收的值：
1.直接就收一个大小；
2.可以指定一个百分数，则会相对于字体去计算行高；
3.可以直接传一个数值，则行高会设置字体大小相应的倍数。
对于单行文本来说，可以将行高设置为和父元素的高度一致，这样可以是单行文本在父元素中垂直居中。
在font中也可以指定行高在字体大小后可以添加/行高，来指定行高，该值是可选的，如果不指定则会使用默认值。
示例demo:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /** * line-height如果是证书,值越大,间距越大 */ .p1 { font-size: 35px; line-height: 2; } .box { width: 200px; height: 200px; background-color: #bfa; /* * 设置“我是一个超链”接居中对齐 */ line-height: 200px; } .p2 { /*font: 30px "微软雅黑"; line-height: 50px;*/ font:30px/50px "微软雅黑"; } </style> </head> <body> <p class="p2"> 人生若只如初见，何事秋风悲画扇。 等闲变却故人心，却道故人心易变。(一作：却道故心人易变) 骊山语罢清宵半，泪雨霖铃终不怨。(一作：泪雨零 / 夜雨霖) 何如薄幸锦衣郎，比翼连枝当日愿。 </p> <div class="box"> <a href="#">我是一个超链接</a> </div> <p class="p1"> 人生若只如初见，何事秋风悲画扇。 等闲变却故人心，却道故人心易变。(一作：却道故心人易变) 骊山语罢清宵半，泪雨霖铃终不怨。(一作：泪雨零 / 夜雨霖) 何如薄幸锦衣郎，比翼连枝当日愿。 </p> </body> </html>
结果：
标签：ack blog ges 单行 set htm 行高 技术 通过
原文地址：http://www.cnblogs.com/androidsuperman/p/6706730.html
