我有一个包含文本 Snow-boarding 的 HTML 元素，容器元素没有足够的空间来容纳一行中的文本，所以我需要将它分成两行。
在 Chrome 中，这是自动完成的（我猜它假设它是两个词，并在第一行留下“Snow-”，在第二行留下“boarding”）。然而，在 Firefox 中，它只是将其保留在一行中，并延伸到容器之外。我正在考虑使用 CSS 属性“word-wrap”，它确实破坏了这个词，但它并没有在破折号中破坏它（它在一行中留下“Snow-boardi”，在另一行中留下“ng”）。
这是 jsFiddle：http: //jsfiddle.net/jSrLb/5/
有什么办法吗？
谢谢