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

Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
ExtJS 2.0 实用简明教程之布局概述
ExtJS 2.0实用简明教程之应用ExtJS
ExtJS 2.0实用简明教程 之获得ExtJS
javascript 扫雷游戏
ExtJS 2.2.1的grid控件在ie6中的显示问题
jquery-1.2.6得到焦点与失去焦点的写法
一组JS创建和操作表格的函数集合
extjs fckeditor集成代码
jquery 实现京东商城、凡客商城的图片放大效果
jQuery 技巧大全(新手入门篇)
JavaScript设置FieldSet展开与收缩
event.keyCode键码值表 附只能输入特定的字符串代码
js 图片缩放特效代码
jquery(1.3.2) 高亮选中图片边框
js 使用方法与函数 总结
Js 本页面传值实现代码
javascript获取div的内容 精华篇
innerText innerHTML的用法以及注意事项 [推荐]
jquery 圆角遮罩图片实现图片圆角

No. « 218 219 220 221 »

技术文章搜索

关键字

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

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