我有一个360px宽的HTML表格，非常好用。挑战在于，有时会出现一个urlhttp://this/is/a/really-really-really-really-really/long/url在文本中。这会导致表格水平展开，并在底部显示一个滚动条
我认为overflow:hidden不起作用，因为一半的文本都是隐藏的
在CSS中强制破除斜杠（/）和破折号（-）的最佳方法是什么（希望如此）
它应该与IE7+、Chrome、Firefox和Safari配合使用
在Rails3和jQuery中工作
而csswordwrap:break-word确实有效，它的实现在不同的浏览器中是不同的
如果您可以控制内容，并且想要精确的断点，则可以插入
- a
<；wbr>分词（除IE8 CanIUse.com外，所有主要浏览器都支持）&#8203;零宽度空间（U+200B）-IE中的丑陋<=六,&；害羞软连字符-当然，这会在断开时添加一个连字符，这并不总是需要的
我有一个很大的公司用户群，他们仍然需要使用IE8，所以当我遇到这个问题时，我在服务器端代码中使用了C#someString.Replace（“/”，“/&；amp；amp；8203；”）
答：如果你在电子邮件地址中插入一个零宽度的空格，当用户复制并粘贴到他们的电子邮件客户端时，该空格也会被复制，并且电子邮件将失败，用户无法了解原因（空格是零宽度…）
参考资料
- 堆栈溢出
- http://www.quirksmode.org/oddsandends/wbr.html -举例说明
进一步阅读
- https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ （2012年3月）
- https://css-tricks.com/almanac/properties/w/word-break/ （2012年9月）
- https://css-tricks.com/almanac/properties/h/hyphenate/ （2011年9月）
- https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
- https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap