直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>letter-spacing</title>
</head>
<!--
属性增加或减少字符间的空白(字符间距)。
该属性定义了在文本字符框之间插入多少空间。
由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。
因此,normal 就相当于值为 0。
-->
<style>
body{
padding: 50px
}
p{
letter-spacing: 20px
}
.ws10{
letter-spacing: 0px
}
.ws-normal{
letter-spacing: normal;
}
</style>
<body>
<p>
该属性定义元素中字之间插入多少空白符。中文有效
</p>
<p>I am a programmer</p>
<div class="ws10">I am a programmer</div>
<div class="ws-normal">I am a programmer</div>
</body>
</html>
效果
题外话
letter-spacing 针对的是字符
所以中文和标点符号都有效
而 word-spacing 针对的是单词