html - 在斜杠(/)上中断HTML文本的最佳方法是什么？

我有一个360px宽的HTML表格，效果很好。挑战在于，有时URL会在文本中出现http://this/is/a/really-really-really-really-really/long/url。这将导致表水平扩展，并且滚动条出现在底部。

我认为overflow:hidden不起作用，因为一半文本会被隐藏。

强制在CSS中的斜线(/)和破折号(-)上强制断行的最佳方法是什么(希望如此)？

它应该可以与IE7 +，Chrome，Firefox和Safari一起使用。

在Rails 3和jQuery中工作。

最佳答案

您可以像这样使用word-wrap : break-word;:

<div>http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg</div>

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

我在以下位置进行了测试: 6 / 7/8，Firefox 7，Opera 11，Safari 5，Chrome 15

这是一个jsfiddle:http://jsfiddle.net/p4SxG/

关于html - 在斜杠(/)上中断HTML文本的最佳方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8186743/