CSS word-break提供错误

Question

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-line;
}

来源： CSS-TRICKS

我上面用过单词分词。但是它给出了下面提到的错误。

注意：我的编辑是VS 2013

那么如何摆脱上述错误呢？任何帮助都将受到高度赞赏。

Answer 1

通过删除声明word-break: break-word;，您可以在浏览器的控制台中删除错误消息。该声明除了根据CSS Text Module Level 3 LC无效外，还具有积极的有害性。大多数浏览器都忽略了它，它似乎被Chrome识别，大概是break-word与初始值normal相同或相似，从而覆盖了前面的声明。

请注意，此规则中的hyphens声明在任何正常情况下均无效。 word-break: break-all声明告诉浏览器它可能在任何地方破坏任意，因此它没有理由尝试任何连字符。

Answer 2

值break-word对word-break属性无效。

我认为您要找的是break-word属性的word-wrap值

有关详细信息，请参阅this

您的CSS必须如下所示：

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: pre-line;
}

Answer 3

您使用了错误的值，这就是您收到错误的原因，word-break属性只有以下值:)

word-break: normal|break-all|keep-all|initial|inherit;

normal是默认值。根据他们通常的规则打破单词