破解HTML文字(/)的最佳方式是什么?

前端之家收集整理的这篇文章主要介绍了破解HTML文字(/)的最佳方式是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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/

猜你在找的HTML相关文章