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;
}

Answer 2

正如评论article中所提到的，似乎是继承text-align: justify;。这是一种修复路线的方法：

http://jsfiddle.net/awesome/zs394/2/

article, .unjust {
    /* regular */
    text-align: left;

    /* super strength */
    text-align: left !important;
}