当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 连串英文自动换行的方法

Javascript
jquery控制listbox中项的移动并排序
Jquery操作Select 简单方便 一个js插件搞定
JQuery SELECT单选模拟jQuery.select.js
用document.documentElement取代document.body的原因分析
Marquee配合DIV实现的文字滚动效果代码
JS溶解形式的文字切换特效
文字在网页上下浮动 学习可以不建议用
[原创]一段时间以后切换显示的广告代码
传智播客学习之JavaScript基础篇
javascript 带有滚动条的表格,标题固定,带排序功能.
jquery 可排列的表实现代码
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
jQuery checkbox全选/取消全选实现代码
javascript 去字符串空格终极版(支持utf8)
flash 得到自身url参数的代码
Dojo 学习笔记入门篇 First Dojo Example
JavaScript 语法集锦 脚本之家基础推荐
Javascript 中文字符串处理额外注意事项
JavaScript的eval JSON object问题
JavaScript OOP类与继承

Javascript 中的 连串英文自动换行的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 255 ::
收藏到网摘: n/a

  简介:如果你正在制作论坛的话,你可能会遇到当用户输入一连串的英文时,表格不能对此进行自动换行,就会导致所在的元素被撑大了,造成了页面的不美观,如果你正在寻找简单的解决方法的话,看看下面的文章,注意只对IE5.5+有效果
  1.显示效果与代码
[效果]
51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM

[代码]
<table style="TABLE-LAYOUT: fixed" width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7">
<tr>
<td style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word"><font color="#990000">[效果]</font><br>
连串英文省略
</font></td>
</tr>
</table>


  2.注意
[代码]
style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px

[效果]
51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM51JS.COM

  3.如果你还知道有别的方法不妨到论坛发表,让大家有更多的选择!:)