CSS:网页设计，第182页，单词间距和对齐

Question

将文本对齐设置为对齐的行对齐通常会导致单词间距拉伸或缩小文本从调整的字间距浏览器可以使用许多不同算法中的任何一种来证明文本的合理性，但更好的算法可以确保段落中的平均空格接近调整后的单词间距您可能需要调整单词间距以提高文本的外貌

他所说的"调整单词间距"是什么意思？我认为单词空间在默认情况下是"正常的"(由使用的字体指定(，然后通过从这个平均值增加/减少来证明。他表示，根据调整后的值进行调整。

Answer 1

看看这个代码笔-这篇文章解释了它

他基本上使用word-spacing——将其设置为正常值并给它一个值。

HTML

<div class="wrap">
  <div class="module"></div>
  <div class="module"></div>
  <div class="module"></div>
  <div class="module"></div>
</div>

CSS

.wrap {
  word-spacing: 3em;
  padding: 1em 0 0;
}
.module {
  background: lightsteelblue;
  height: 5em;
  width: 5em;
  display: inline-block;
  /* reset word-spacing so that text inside this box is spaced normally */
  word-spacing: normal;
}

看起来他指的是浏览器之间的细微差别。每个浏览器都有不同的"法线"。这也是一些人使用"正常化"或重置的原因之一。他说的是改变值以提高外观，有时当你为文本辩护时，它看起来很可怕！看看上面的链接。