如何跨浏览器使用连续字符的换行
作者：blank 来源：怿飞blog 发布时间：2008-07-06 23:10:00
标签：浏览器,换行,字符,Firefox
由于连续的字符（字母、符号、数字）在默认情况下是不换行的，可能会破坏整个界面布局。
那如何解决这个问题呢？
在 IE 和 Safari 1.3+ 下相对比较容易解决，使用 CSS 属性 word-wrap: break-word;。有朋友会问为什么不是使用 word-break:break-all; ，因为有一个特殊的情况，该属性无法解决换行——连续的英文标点符号。
注：word-break 主要使用在 CJK 文本，即：中文（Chinese）、日文（Japanese）、韩文（Korean）。
而 Firefox 和 Opera 浏览器，无法识别 word-wrap: break-word; 和 word-break:break-all; 属性。可以通过脚本给连续字符的每个字符之间插入 \ u8203 的字符（该字符在非 IE 浏览下不占据空间），使连续变为了不连续，达到了换行的效果。
breakWord = function(dEl){
var dWalker = document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT, null, false);
var node,s,c = String.fromCharCode('8203');
while (dWalker.nextNode()){
node = dWalker.currentNode;
s = trim( node.nodeValue ) .split('').join(c);
node.nodeValue = s;
}
return true;
}
详细的脚本，可参看 Hedger Wang 整理的脚本《Cross Browser Word Breaker》
对于 Firefox ，你还可以通过 XBL bindings 来实现此效果：《Emulating CSS word-wrap for Mozilla/Firefox》
0
投稿猜你喜欢
- 关于oracle 优化的内容很多，概念庞杂，不过可以总结出一个大纲性的东西作为需要考虑的方向，然后再逐步细化。oracle优化按重要性需要考
还是一个关于checkbox的一个普通的效果，就是根据你勾选的checkbox,列出你选择了哪些值演示代码：<!DOCTYPE htm- 你是否发现，在浩如烟海的应用程序堆里，具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者，面对这自己的作品，能否自问一句：“从图
- 孤立帐户，就是某个数据库的帐户只有用户名而没有登录名，这样的用户在用户库的sysusers系统表中存在，而在master数据库的syslog
- 刚才运行了一段代码，来查看Request.ServerVariables里面有多少值，看了一下，共50个！代码<％=Request.S
- YUI3.2.0 的 transition 模块，通过使用 transition:end 事件实现在 transition 完成后执行其他操
- asp正则表达式检测字符串是否是数字及字母。<％ '函数：CheckString(strng) '
- 酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑！反响热烈！让我们来分享它成功背后的酸甜苦辣吧。腾讯网首页改版终于开花结果。于2008年3月25日
- 第四篇《WEB标准能有多难？》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换
- 网上的SQL优化的文章实在是很多，说实在的，我也曾经到处找这样的文章，什么不要使用IN了，什么OR了，什么AND了，很多很多，还有很多人拿出
- CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其
- 什么是SQL 指令植入式攻击？在设计或者维护Web网站时，你也许担心它们会受到某些卑鄙用户的恶意攻击。的确，如今的Web网站开发者们针对其站
- 今天看到的这篇文章， 让我对Chrome能够带来的影响，有了点新想法。Update: 发现我在跟别人讨论时，比直接写作文说得清楚一些，对这个
- 1. 确认已经安装了NT/2000和SQL Server的最新补丁程序，不用说大家应该已经安装好了，但是我觉得最好还是在这里提醒一
- 这是经常用的一个分页存储过程 希望大家指点不足 代码如下:USE [a6756475746] GO /****** Object
- 在ASP中，除了ADODB、Scripting 等一些常用组件外，我们还可以用微软的ActiveX方法来轻松捕获哟： <％u
- 问：握怎样测试 MySQL安装?答：可以通过以下命令测试MySQL服务器是否工作：C:\> C:\Program Files\MySQ
- 好不容易有些空余时间，便拿来写自己的CSS选择器引擎了，这个CSS选择器引擎的目标只有三个：速度要快代码要精简要支持CSS3的选择器。希望通
- 我正在开发一个档案管理系统，需要从数据库中同时调出图像及相关的文字说明，可我只做到了单纯地显示图片，像有一个数据库CHUNFENG，在数据库
- 这些日子,几乎每个人都在谈论XML (Extensible Markup Language)，但是很少有人真正理解其含义。XML的推崇者认为
