2017-08-05 16:41:41 css汉字间距离设置，汉字间距也好，英文单词间距也好，还是数字之间间距，在html文本字体排版间距，都是采用css样式来实现。
css汉字间距离设置
汉字间距也好，英文单词间距也好，还是数字之间间距，在html文本字体排版间距，都是采用css样式来实现。
1、CSS单词：
letter-spacing
2、汉字对应盒子设置间距宽度
div{letter-spacing:5px}
设置了div盒子内汉字也好英文也好，这些文字字间距为5px
p{letter-spacing:10px}
设置段落p盒子内字体与字体间距为10px
span{letter-spacing:6px}
设置span内文字间距为6px
3、汉字之间间距设置实例
1）、实例完整代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css 汉字间距 yfnd.net</title>
<style>
.jianju5{ letter-spacing:5px}
.jianju10{ letter-spacing:10px}
</style>
</head>
<body>
<p>汉字间距实例<span class="jianju5">间距为5px</span></p>
<p>汉字间距实例<span class="jianju10">间距为10px</span></p>
</body>
</html>
使用CSS分别设置字间距5px和10px
2）、间距效果截图
成功设置汉字字间距
无论汉字、中文字、英文字母、数字间距，字间距均使用letter-spacing来实现字体间距。