无法简单地包装而不会破坏

时间:2017-11-20 22:24:22

标签: html css

我很难将一段很长的单词包裹到下一行,而它们完全没破,即使用连字符也是如此。

我的代码:

p {
     white-space: pre-wrap !important;
     word-wrap: normal !important;
     word-break: normal !important;
     overflow-wrap: normal !important;
}

在Chrome上,自动换行功能正常。没有连字符,只有美丽的单词包装与整个单词。在Firefox和Edge上,我使用HYPHENS进行自动换行,在两行之间切换单词。

我在这里做错了什么?

2 个答案:

答案 0 :(得分:0)

我想知道是否有其他代码与p标签冲突。因为,我发现你的代码是:

white-space: pre-wrap;

是您更改默认设置的唯一位置,默认情况下不会换行。

如果可能的话,也许可以为我们提供更多代码。

答案 1 :(得分:0)

该死的。愚蠢的回答:

hyphens: none; -webkit-hyphens: none;

我无法相信我之前没有想到这一点。