w3c 和菜鸟上的区别很简单 而且没有抓住重点,本人亲自实战了一下;
1.在字和字之间没有空格的时候word-spacing是没有作用的,word-spacing只是作用与字和字之间的空格大小,用与调整字字之间空格的大小,他的截取是以字为单位,而letter-spacing 是以字符或字母。就算没有空格 也会被截取,它是以字符为截取单位。
2.由于1的区别所以 应用场景也会不同。如果只是想调整字与字之间的空格大小 可以用letter-spacing,但是如果里面还有标点符号,就只能用word-spacing了。因为letter-spacing 会把字与标点符号之间也会拉大!
.b{ letter-spacing: 20px; }
.a{
word-spacing: 20px;
}
<"`<span class="a">点 击 显 示 大 图, ni hao :吗 </span>`a">点 击 显 示 大 图, ni hao :吗 </span>