连续字符的换行问题
2008-12-18 16:55
363 查看
如何跨浏览器使用连续字符的换行
2008-7-3 下午 - HTML/CSS/XML/XSL - CSS由于连续的字符(字母、符号、数字)在默认情况下是不换行的,可能会破坏整个界面布局。
那如何解决这个问题呢?
在 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; }
相关文章推荐
- css强行换行,解决无空格连续字符导致样式变形问题
- 长串连续英文字符换行问题
- 自动换行问题,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现换行的方法
- 解决html连续字符或数字换行的问题
- 数据库文本中关于换行和回车等特殊字符的输出显示问题
- 关于换行字符的问题
- android 使用canvas画字符时,常常遇到字符很长,不会换行的问题.
- 对一个字符数组连续用gets函数出现的问题(缓冲区内容补充)
- display:table-cell自适应布局下连续单词字符换行
- 解决Firefox和Chrome浏览器的英文字符换行问题
- C# Regex正则匹配所有字符(遇到换行回车\r\n问题)
- 连续字符换行 溢出点点点 多行省略
- C++ txt文件插入字符时,未换行问题
- css解决无空格长字符换行问题
- DOMPDF的utf-8字符换行问题
- excel插件中的RibbonButton中文字符换行问题
- 如何跨浏览器使用连续字符的换行
- 连续数字或英文字符文本强制换行
- [转]如何跨浏览器使用连续字符的换行
- 解决HTML表格连续超长英文字符串不能正确换行问题