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

Javascript
Javascript实例教程(17) 使用Javascript的数学函数
JavaScript 小技巧(第六集)
Javascript实例教程(16) 日期函数
javascript中如何实现浏览器上的右键菜单
Javascript实例教程(21) OLE Automation(7)
JavaScript 小技巧(第二集)
Javascript设计网页中的下拉菜单
用JavaScript使链接按钮不断变化
如何制作浮动广告
JavaScript[对象.属性]集锦之一
将金额小写转化成汉字大写的实现过程
Javascript制作浮动的工具条
JavaScript[对象.属性]集锦之二
JavaScript 小技巧(第五集)
JavaScript 小技巧(第七集)
完美解决一个事件激活多个函数
JavaScript入门学习之一
在客户端把表格行变成列,列变成行并保持TD的属性不丢失
用 Javascript 实现的“Dual listbox”(双向选择器)
我与Javascript 随笔(一)(献给所有爱好Javascript的朋友)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 263 ::
收藏到网摘: 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.如果你还知道有别的方法不妨到论坛发表,让大家有更多的选择!:)