打破单词时放线

Question

当文本对于div框而言太小而且应该有一个断行选项时，如何设置“ - ”。

实施例：http://jsfiddle.net/2rqv6/

div id="box"> TExttexttexttext </div>

#box { border:1px solid #000;
   width:50px;
   height:auto;
   word-wrap: break-word;
}

我希望文本在另一行放置“ - ”。

Answer 1

查看CSS属性“连字符”

http://css-tricks.com/almanac/properties/h/hyphenate/

#box { border:1px solid #000;
       width:50px;
       height:auto;
       word-wrap: break-word;
       hyphens:auto;
}

请注意，您必须为相应的跨浏览器兼容性使用-webkit，-moz等前缀