字符间的间隔太大或许太窄偶然能够不太肯定，我们须要依据网站的须要来举行调解，而运用CSS的line-height属性能够调解字符间的间隔。
我们下面来看细致的示例
我们先来建立以下的HTML代码（浏览器默许尺寸为16px）
HTML代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="sample1">冬季的百草园比较的无味；雪一下，可就两样了。拍雪人（将本身的全形印在雪上）和塑雪罗汉须要人们观赏，这是荒园，人迹罕至，所以不适宜，只好来捕鸟。薄薄的雪，是不可的；总须积雪盖了地面一两天，鸟雀们久已无处寻食的时刻才好。扫开一块雪，显露地面，用一支短棒支起一面大的竹筛来，下面撒些秕谷，棒上系一条长绳，人远远地牵着，看鸟雀下来啄食，走到竹筛底下的时刻，将绳索一拉，便罩住了。 </p> <p class="sample2">教师念书着迷的时刻，于我们是很适宜的。有几个便用纸糊的盔甲套在指甲上做戏。我是画画儿，用一种叫作“荆川纸”的，蒙在小说的绣像上一个个描下来，象习字时刻的影写一样。读的书多起来，画的画也多起来；书没有读成，画的结果却不少了，最成片段的是《荡寇志》和《西游记》的绣像，都有一大本。 </p> </body> </html>
接下来我们在CSS中运用line-height属性
我们首先把line-height属性的值设置normal
CSS代码
p.sample1 {line-height:normal; }
p.sample2 {line-height:normal; }
这个状况为默许状况下的个状况，所以字符间距没有转变
结果以下
下面我们用以下三个单元分别来设置行间距
用px设置
CSS代码以下
p.sample1 {line-height:20px; }
p.sample2 {line-height:50px; }
在浏览器上显现结果以下。用line-height设置数值（这里是默许的16 px）会把数值高低均等地分派。因而，数值越大，行的间隔也越大。
用em设置
接下来是以单元em（Em）设置行间距的例子。em是以font - size属性指定的大小为1的单元，没有在父元素中被指定的状况下为1 em = 16px。
CSS代码以下
p.sample1 {line-height:2em; }
p.sample2 {line-height:4em; }
在浏览器上显现结果以下
这里指定的值越大，行间距越大。默许为16px，个中2em = 32 px、4em = 64px。
用%设置
最后用%设置。以font-size属性指定的大小为100%，用指定的%的数值设置行间距。假如没有被设置的父元素的话，100% = 16px。
CSS代码以下所示
p.sample1 {line-height:150%; }
p.sample2 {line-height:200%; }
在浏览器上显现以下结果
以上就是CSS的line-height属性怎样设置行间距的细致内容，更多请关注ki4网别的相干文章！
