网站建设服务费/买卖平台
letter-spacing属性
检索或设置对象中的字符之间的最小、最大和最佳间隙
使用场景：
该属性将指定的间隙添加到每个文字（包括单次内的每个字母）之后；
不能用于一行的开始和结束；
语法：letter-spacing: normal | <length> | <percentage>(css3)
normal：默认间隙
length：用长度指定间隔，可以为负值
percentage：用百分比指定间隔，可以为负值（css3）
兼容性：
示例：
HTML代码：
| 1 2 3 4 5 6 7 8 9 10 | <ul class="test"> <li class="normal"> <strong>默认间隔</strong> <p>默认情况下的文字间间隔</p> </li> <li class="length"> <strong>自定义的间隔大小</strong> <p>自定义的文字间隔大小Hello world</p> </li> </ul> |
CSS代码：
| 1 2 3 | .test p{border:1px solid #000;} .normal p{letter-spacing:normal;} .length p{letter-spacing:10px;} |
页面效果截图：
word-spacing属性
检索或设置对象中的单词之间的最小、最大和最佳间隙
使用场景：
该属性将指定的间隙添加到每个单词（词内不发生）之后，但最后一个字将被排除在外
判断是否为单次的依据是单词间是否有空格
语法：word-spacing: normal | <length> | <percentage>(css3)
normal：默认间隙
length：用长度指定间隔，可以为负值
percentage：用百分比指定间隔，可以为负值（css3）
兼容性：
示例：
HTML代码：
| 1 2 3 4 5 6 7 8 9 10 | <ul class="test"> <li class="normal"> <strong>默认间隔</strong> <p>how are you!</p> </li> <li class="length"> <strong>自定义的间隔大小</strong> <p>how are you!</p> </li> </ul> |
CSS代码：
| 1 2 3 | .test p{border:1px solid #000;} .normal p{word-spacing:normal;} .length p{word-spacing:20px;} |
页面效果截图：
本文转自 frwupeng517 51CTO博客，原文链接:http://blog.51cto.com/dapengtalk/1875351