CSS中如何调整行距,字距

下面我们来看一下用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就是要浏览器使用默认值。

下面我们来看一下用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就是要浏览器使用默认值。