web前端|js教程
JavaScript,文字换行
web前端-js教程
碰到一个问题，就是在页面展示的时候，很多情况下需要对显示的文字做折行处理，例如文字超过TD的宽度，或者DIV的宽度等等。
在IE下有word-break等等，但是在FF下，却是行不通，所以研究了一下，写了一个JS脚本，原理是这样的：
1. 首先，我们在页面上找一个span元素，用它来装载字符，然后通过它的宽度，来得到字符的显示宽度
2. 然后，我们在显示一个字符串的时候，就可以利用前面得到的字符宽度，计算出每个字符串的宽度
3. 在此基础上，计算出字符串应该折行的位置，插入
进行折行就不是什么问题了。
条件所限，blog不能上传附件，我在这里解释一下代码。
代码有2部分，一个是“textWidth.js”，他完成绝大部分的工作；另外一个是测试页面。
1. textWidth.js
库存软件模板源码,ubuntu没显示wifi,tomcat 第三方签名,爬虫看哪些资料,学校官方网站php源码,seo自学论坛lzw
下面是测试页面的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
font-size: 14px;
font-family: Geneva,Arial,Helvetica,sans-serif;
}
TextWidth.setSpan($(‘textSpan’));
function runTest() {
$(‘resultSpan’).innerHTML = $(“in”).value;
var theWidth = TextWidth.getWidth($(‘resultSpan’).innerHTML, “Geneva”, 14);
$(“resultDisplay”).innerHTML = TextWidth.wrapText($(‘resultSpan’).innerHTML, “Geneva”, 14, 80);
}
prototype.js请自行下载验证
