html - 断字时放行

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 等前缀来实现各自的跨浏览器兼容性