如何处理超长“单词”
by Yan
有个问题一直让我头疼,常常因为有人在回响里贴了个url地址,结果就把菜单栏撑宽了(在IE里),页面就丑的不能看了。浏览器认为这个长url是一个单字。
dotann告诉可以使用word-wrap属性来解决ie的问题。但正如dotann说的,word-wrap是ie专有的,所以在firefox里并不断行。我试了一下,看见menu栏虽然没有被撑开,但url会伸出去,与别的内容重叠在一起了。
我学到一个overflow属性,使用hidden值似乎可以部分解决问题。overflow: hidden; 会把超出范围的内容隐藏起来,达到保持界面的作用。好处是它是ie mozilla通用的。
但最好还是让其断行,而不是隐藏。征求方法ing。
可以结合word-break来使用,比如word-break:break-all;
这主要是因为url的确是一整个没有地方分行的词,我看了一下mozilla里面的处理办法,似乎除了隐藏多余内容之外,就只能在输出url的函数里对url本身进行处理,在每个slash后面加一个的tag,与此相比我倒是觉得把url多余的部分隐去(这也不会影响连接)是个正确的办法。。。
HowTo: 越界的超长单词(URI)
Bloggers应该都碰到过这个问题,URI太长不会自动换行,而是撑大页面的肚子,破坏美感。Mulberry找到了一个缓解的办法,使用overflow, 将其属性设为hidden, 但不是最理想的办法。你有更好的办法
同意dotann提到方法,就是截取链接的一部分作为链接的标题
我一般是两个都给加上,呵呵。
如果在末尾加上一个汉字的标点符号“。”,就没问题了。甚至word-wrap和word-break属性都不需要。这个中文的句号,在不支持中文的电脑里恐怕不能正常显示。