CSS自动换行会导致单词之间出现巨大的空格

Question

你好！当调整窗口大小时，文本会自动换行以很好地适应其容器。为此，我使用以下 CSS 代码：

article {
    overflow: auto;
    word-wrap: break-word;
}

虽然看起来，这根本没有任何效果。当我删除这段代码时，行为不会改变：文本仍然在行尾附近换行。

我抱怨文字之间的巨大差距。我观察到一些网页没有使用额外的代码，但它仍然可以很好地工作。你能帮我去掉这个空间吗？谢谢你！

Answer 1

我同意 是text-align: justify从父 html 标签继承的。您也可以尝试修改 CSS，如下所示：

article {
    overflow: auto;
    word-wrap: break-word;
    text-align: start;
}