letter-spacing控制的是字间距，每一个中文文字作为一个“字”，而每一个英文字母也作为一个“字”！大家要细心留意一下。
默认情况下，letter-spacing我们几乎都用不上，我们直接采用浏览器默认样式就可以了。大家完全可以忽略掉这个属性。
下面来看一下css letter-spacing实例：
<!DOCTYPE html>
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< >letter-spacing属性</ >
<style type=\"text/css\">
#p1{letter-spacing:0px;}
#p2{letter-spacing:3px;}
#p3{letter-spacing:5px;}
</style>
</head>
<body>
<p id=\"p1\">学习CSS请到码农教程。</p><hr/>
<p id=\"p2\">学习CSS请到码农教程。</p><hr/>
<p id=\"p3\">学习CSS请到码农教程。</p>
</body>
</html>
运行结果如图：
![\"letter-spacing字符间距实例\"](\"/images/1159_1.png\")
<##ads_in_article_manong##>
css word-spacing定义词间距，以空格为基准进行调节，如果多个单词被连在一起，则被word-spacing视为一个单词；如果汉字被空格分隔，则分隔的多个汉字就被视为不同的单词，word-spacing属性此时有效。
下面来看一下css word-spacing实例：
<!DOCTYPE html>
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< >word-spacing属性</ >
<style type=\"text/css\">
#p1{word-spacing:0px;}
#p2{word-spacing:10px;}
#p3{word-spacing:30px;}
</style>
</head>
<body>
<p id=\"p1\">学习CSS请到码农教程。my name is wxp</p><hr/>
<p id=\"p2\">学习CSS请到码农教程。my name is wxp</p><hr/>
<p id=\"p3\">学习CSS请到码农教程。my name is wxp</p>
</body>
</html>
运行结果如图：
![\"css word-spacing实例\"](\"/images/1159_2.png\")
继续阅读与本文标签相同的文章
上一篇 :
35岁是否可以通过学习编程语言而进入IT行业
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程
-
当水乡建筑遇上机器人，成就乌镇又一网红景点
2026-05-14栏目： 教程