CSS断字会导致错误

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-技巧

我用了上面的单词break.But，它给出了下面提到的错误。

注:我的编辑是2013年VS

​

​

那么，如何消除上述错误呢？任何帮助都将不胜感激。

Answer 1

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

请注意，此规则中的hyphens声明在任何正常情况下都不起作用。word-break: break-all声明告诉浏览器它可能在任何地方破坏任意y，所以它没有理由尝试任何连字符。

Answer 2

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

Answer 3

您使用了一个错误的值，这就是为什么您得到了错误，word-break属性只有以下值:)

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

normal是默认值。按照他们通常的规则破口而出