1 
.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

在此处输入图像描述

那么我怎样才能摆脱上述错误呢？任何帮助将不胜感激。

4

3 回答 3

3

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

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

于 2014-11-12T14:02:06.970 回答
1

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

我认为您正在寻找的是该物业的break-word价值word-wrap

请参阅此了解更多详细信息

您的 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;
}
于 2014-11-12T13:31:39.743 回答
1

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

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

normal是默认值。按照惯常的规则断词

于 2014-11-12T13:42:03.050 回答