停止破坏CSS中的单词

Question

我想阻止我的阻止破坏单词（该块只包含一些没有异常长词的句子），所以我添加了word-break: keep-all但它不起作用 - 它仍然在单词中间断开。我该如何解决？

.example {
    float: left;
    width: 420px;
    display: inline-block;
    word-break: keep-all;
}


<h:panelGroup id="panel">
    <x:message id="id" style="display: block" styleClass="example"/>
</h:panelGroup>

Answer 1

在Css中：

-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;

应该做的工作：）

参考：https://css-tricks.com/almanac/properties/h/hyphenate/