大家好，欢迎来到IT知识分享网。
一、css word-spacing属性设置字间距（单词的间距）
word-spacing 属性增加或减少单词间的空白（即字间隔）；在这个属性中，“字” 定义为由空白符包围的一个字符串。也就是说该属性是以空格为基准进行调节间距的，如果多个字母被连在一起，则会被word-spacing视为一个单词；如果汉字被空格分隔，则分隔的多个汉字就被视为不同的单词，word-spacing属性此时有效。
语法：word-spacing:值;
如果指定为长度值，会调整字之间的通常间隔；所以，normal 就等同于设置为 0。允许指定负长度值，这会让字之间挤得更紧。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css word-spacing属性设置字间距</title>
<style>
.demo{
width:500px;
height: 500px;
margin: 50px auto;
}
p{
word-spacing:20px;
}
</style>
</head>
<body>
<div class=demo">
<p>abcd你好a!</p>
<p>ab cd 你好a! </p></div>
</body>
</htm1>
二、css letter-spacing属性设置字间距
letter-spacing 属性增加或减少字符间的空白（字符间距），该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。
对于这个属性来说：每一个中文文字作为一个“字”，而每一个英文字母也作为一个“字”！。
三、word-spacing属性与letter-spacing属性的简单比较
word-spacing属性
letter-spacing属性
以上内容转载：CSS 设置文字间距_css字间距_CamilleZJ的博客-CSDN博客
延伸阅读
css：字体超出长度显示省略号_橙-极纪元的博客-CSDN博客
html首行缩进,行高,每行文字对齐,两端文字对齐,修剪文本解决方案_橙-极纪元的博客-CSDN博客
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/117256.html
