首页 »Javascript教程 » javascript换行:javascript 一个自定义长度的文本自动换行的函数 »正文javascript换行:javascript 一个自定义长度的文本自动换行的函数来源: 发布时间:星期六, 2008年12月27日 浏览:52次 评论:0
很多朋友在制作网页过程中总是发现某些时候
 些英文会把原来好好 表格撑开而导致变形 虽然可以使用style="table-layout:fixed;word-wrap: -word;word-:-all" 来解决这个问题但有些时候会导致内容显示不完整而被隐藏了起来并没有做到自动换行效果 于是偶就想写 个这样 来修补这个缺陷这个很简单但这里只是提供种思路来解决这个问题 function fnAddBr(id, iPerLineLen){.....} id为要修改 文本块idiPerLineLen为每行长度 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; char  =gb2312" /> <title>Untitled Document</title> </head> <body> <script type="text/javascript"> // 功能:在指定长度处自动添加换行符以英文长度为准及8代表8个英文或4个汉字 function fnAddBr(id, iPerLineLen){ var sStr=document.getElementById(id).innerHTML;  (sStr.replace(/[^\x00-\xff]/g,"xx").length <= iPerLineLen){  -1; } var str=""; var l=0; var schar; for(var i=0;schar=sStr.charAt(i);i  ){ str  schar; l (schar.match(/[^\x00-\xff]/)!=null?2:1); (l>= iPerLineLen){ str "<br />\n"; l=0; } } document.getElementById(id).innerHTML=str; } </script> <div id="content" style="border:1px solid #ccc"> 我在做网页 时候添加内容在生成网页后总是横向把表格撑很宽很难看； 我在加了 style="table-layout:fixed;word-wrap: -word;word-:-all" 这个代码后 表格倒是不会撑宽了可是内容又显示不完全了只是显示表格样宽度内容其他被遮挡或是过滤掉了 我 是汉字这个有关系吗？ 请问有什么思路方法可以让在表格中 文字到多少字时候就自动换行？或是能换行又不撑大表格而且不略去内容！ 我 内容是在动易中 这个标签！ </div> <div id="content1" style="border:1px solid #ccc"> 我在做网页 时候添加内容在生成网页后总是横向把表格撑很宽很难看； 我在加了 style="table-layout:fixed;word-wrap: -word;word-:-all" 这个代码后 表格倒是不会撑宽了可是内容又显示不完全了只是显示表格样宽度内容其他被遮挡或是过滤掉了 我 是汉字这个有关系吗？ 请问有什么思路方法可以让在表格中 文字到多少字时候就自动换行？或是能换行又不撑大表格而且不略去内容！ 我 内容是在动易中这个标签！ </div> <script type="text/javascript"> fnAddBr("content",25); fnAddBr("content1",50); </script> </body> </html> 0
相关文章
读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
