我有一个360px宽的HTML表格,这是非常好的。挑战是有时候在文本中出现http:// this / is / a / really-really-really-really-really-really / long / url。这会导致桌面水平展开,底部出现一个滚动条。
我不认为溢出:隐藏将工作,因为一半的文本将被隐藏。
在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; }
我测试了:I.E. 6/7/8,Firefox 7,Opera 11,Safari 5,Chrome 15
这是一个jsfiddle:http://jsfiddle.net/p4SxG/