css 字间距离_css 字体字符间距设置

本文简单介绍下css 字间距，使用css来控制字与字之间距离，也叫css字间距方法。

利用css设置文字之间的距离，有关的三个CSS属性是：text-indent、letter-spacing、word-spacing

1、text-indent：设置首行的缩进距离

这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。

运行结果：

2、letter-spacing：汉字间字间距设置或者英文单词中每个字母的间距

	
		
设置中文字符间距
		
this is a test
	

运行结果：

3、word-spacing:设置英文每个单词之间的距离，对中文文字之间的距离没有效果

		
设置中文字符间距
		
this is a test
	

运行结果：

重要：letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而ＩＥ不会，因此就会造成定义间距越大差别越大! 
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 ＩＥ下则会认为这是一个字符.也会给这个空格加上letter-spacing值.