在没有空位的情况下,如何在新行中打断一个长单词



这一定是一个css问题,但我不完全确定你是否可以只使用css来实现这一点,并且在我的网站上有一个完美的排版!

我的以下代码看起来像:

overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;

但由于某种原因,它似乎不起作用,用Chrome和Edge进行了测试!这些单词作为一个完整的单词打断到一个新行,而不是将其一部分显示到剩余的空格中,并将下一个字符显示到新行中!

知道怎么解决这个问题吗?

如果你想保持单词结构,只需使用word-break: break-word;,但如果你想在中间打断单词,你可以使用word-break: break-all;

最新更新