Blog on 27th Floor
主页 随便 电脑 电影 社会 阅读 下载 本站 存档
主页 随便 电脑 电影 社会 阅读 下载 本站 存档

收藏一些浏览器长词折行的贴子

06/21/08。  cathayan.org版权所有,保留一切权利。转载请保留此说明。谢绝商业转载。


偶然间又看到这个问题,就是太长的单词或连续的英文和数字,中间没有空格隔开的情况,浏览器都不能很好的折行或回行,也就是word break或是word wrap,这似乎是个世界级的难题,以至于IE和Mozilla团队到目前都没有完美解决

前几天刚看到qyb的贴子,说了<wbr>(word break)这个标签,可以把它插入到想折行的地方,比如长的url链接地址,浏览器碰到它就会自动折行,就不会把布局给破坏了;同样的还有&shy;(soft hephen)和&#8203;这两个字符,浏览器碰到也会折行。这个页面上还显示了3种折行字符的实际效果,可以用自己的浏览器看一下,fx3.0和opera 9.5都支持。可能这个shy字符更好些,用它的话可以拷贝粘贴也不出怪字符。

另外就是在<pre>标签里,段落也不会自动回行,这个在css3里有一定支持,包括Word breaktext wrap,有需要的可以研究一下。这一页面也说了如何在pre标签内设定css让长字串在适当的地方回行

这一页对这种长词回行的问题做了实验,包括表格中和textarea中,IE和Firefox的表现是各有千秋,下面也有一些讨论,可以参考。

还有这篇文章,研究了如何显示固定宽度的Label,如果文字超过长度就显示...。

这篇文章研究了表格内长字串的处理,提到了overflow hidden的用法。

还有一个Firefox的扩展叫Toggle Word Wrap,主动对页面应用css起到折行的效果,好像更新不太积极,fx3无法使用了。

大体就是这些,总之还挺麻烦,有需要的可以认真研究。


06/21/08 13:07:31,由cathayan发表。目录:电脑

1条评论

http://blog.miniasp.com/pos...

完美解決網頁文字太長而導致破版的問題

http://blog.cathayan.org/member/1 cathayan 于 06/28/08 20:54:55 发表. 


这篇文章已经关闭,不能添加评论和投票
I am watching and will delete all spam.

我的E-Mail


Copy&Paste Exchange

访问CPeX Group

订阅Feed

订阅Feedburner
Feedsky订阅
本站订阅

请登录

导航

cathayan.org Web

最新贴

RIME 小狼毫/鼠须管的极点及五笔拼音配置
Software that rocks or sucks less
一棵热带的树换新叶的过程
几个有用的Vim招术
论语七 述而
Nomacs 图像浏览器
Windows 文件校验
Windows 10 文件批量命名简单方法
Windows 10 文件删除高级操作
本站也算是有响应式设计了

最新评论

Powered by

Powered by Nucleus CMS

版权声明

Creative Commons License
Blog on 27th floor by Cathayan is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Powered by Nucleus CMS v3.71. Best view with Mozilla browsers.