letter-spacing 和 word-spacing 属性区别

letter-spacing属性

检索或设置对象中的字符之间的最小、最大和最佳间隙

使用场景：

该属性将指定的间隙添加到每个文字（包括单次内的每个字母）之后；

不能用于一行的开始和结束；

语法：letter-spacing: normal | | (css3)

normal：默认间隙

length：用长度指定间隔，可以为负值

percentage：用百分比指定间隔，可以为负值（css3）

兼容性：

示例：

HTML代码：

    
        默认间隔
        
默认情况下的文字间间隔
    
    
        自定义的间隔大小
        
自定义的文字间隔大小Hello world
    

CSS代码：

.test p{border:1px solid #000;}
.normal p{letter-spacing:normal;}
.length p{letter-spacing:10px;}

页面效果截图：

word-spacing属性

检索或设置对象中的单词之间的最小、最大和最佳间隙

使用场景：

该属性将指定的间隙添加到每个单词（词内不发生）之后，但最后一个字将被排除在外

判断是否为单次的依据是单词间是否有空格

语法：word-spacing: normal | | (css3)

normal：默认间隙

length：用长度指定间隔，可以为负值

percentage：用百分比指定间隔，可以为负值（css3）

兼容性：

示例：

HTML代码：

	
		默认间隔
		
how are you!
	
	
		自定义的间隔大小
		
how are you!
	

CSS代码：

.test p{border:1px solid #000;}
.normal p{word-spacing:normal;}
.length p{word-spacing:20px;}

页面效果截图：

转载于:https://blog.51cto.com/dapengtalk/1875351