CSS对间距的处理包含文字间距、行间距,以及对空格符、回车符和制表符的处理等多个方面。以下CSS代码包含常用的多种间距处理方式,具体效果见代码注释。

01 p.wordspacing{word-spacing:20px;}           /*设置空格的长度*/
02 p.letterspacing{letter-spacing:20px;}       /*设置字间距*/
03 p.lineheight{line-height:0.3;}              /*设置行间距*/
04 p.whitespace_normal{white-space:normal;}    /*默认,忽略多个空格为1个,忽略回车符*/
05 p.whitespace_pre{white-space:pre;}          /*保留多个空格*/
06 p.whitespace_nowrap{white-space:nowrap;}    /*忽略回车符,禁止换行,直到遇到br*/
07 p.whitespace_prewrap{white-space:pre-wrap;} /*保留所有空格符与回车符*/
08 p.whitespace_preline{white-space:pre-line;} /*忽略多个空格为1个,保留回车*/

以上代码执行之后的效果如下图,中英文无异。

Image00006

注意: 浏览器对制表符(Tab)的处理方式与空格符相同。