Question

当我有一个比我使用的容器更长的单词＆＃34; word-break：break-all;＆＃34;。我想知道是否可以将破折号（ - ）放在单词的断点处？

这是我用于文本的CSS：

p{    
-ms-word-break: break-all;
 word-break: break-all;

-webkit-hyphens: auto;
-moz-hyphens: auto;
    hyphens: auto;
}

Answer 1

你需要全套：

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;

问题是它们没有完整的浏览器支持。在IE，Firefox或Safari中进行测试。

您可以使用javascript库来解决这个问题。它被称为Hypenator。 http://mnater.github.io/Hyphenator/

Answer 2

另一种方法是在包装的单词中使用。

对于此方法，您需要指定可能的＆＃34; to-long-words＆＃34;并手动添加html标记。