CSS中如何调整行距,字距

网络整理 - 07-27

下面我们来看一下用CSS如何设置调整行距和字据 

字间距:

利用字间距属性word-spacing,可以调整单词间的距离。
h2 {word-spacing:5pt}

 字母间距:

利用字母间距属性letter-spacing,可以调整单词中每个字母间的距离。
h2 {letter-spacing:10pt};

 行高:

与字距不同的是行距line-height,它调整的是行与行间垂直方向的距离,有三种方法设置:
长度单位:h3 {font-size:12pt; line-height:24pt};
比例:h3 {font-size:12pt; line-height:200%};
数值:h3 {font-size:12pt; line-height:2};                                //此处line-height=2x12pt=24pt

无论是字距或字母间距或行距都有一个共同的参数:normal,一旦设为normal就是要浏览器使用默认值。