最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript一个自定义长度的文本自动换行的函数_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 20:37:52
文档

javascript一个自定义长度的文本自动换行的函数_javascript技巧

javascript一个自定义长度的文本自动换行的函数_javascript技巧:很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style=table-layout:fixed;word-wrap:break-word;word-break:break-all 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动
推荐度:
导读javascript一个自定义长度的文本自动换行的函数_javascript技巧:很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style=table-layout:fixed;word-wrap:break-word;word-break:break-all 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动


很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style="table-layout:fixed;word-wrap:break-word;word-break:break-all" 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动换行的效果。

于是偶就想写一个这样的函数来修补这个缺陷,这个函数很简单,但这里只是提供一种思路来解决这个问题。

function fnAddBr(id, iPerLineLen){.....}
id为要修改的文本块的id,iPerLineLen为每行的长度




Untitled Document



//函数功能:在指定长度处自动添加换行符,以英文长度为准,及8代表8个英文或4个汉字
function fnAddBr(id, iPerLineLen){
var sStr=document.getElementById(id).innerHTML;
if(sStr.replace(/[^\x00-\xff]/g,"xx").length <= iPerLineLen){
return -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);
if(l>= iPerLineLen){
str+="
\n";
l=0;
}
}
document.getElementById(id).innerHTML=str;
}


我在做网页的时候添加的内容在生成网页后总是横向把表格撑的很宽,很难看;
我在加了
style="table-layout:fixed;word-wrap:break-word;word-break:break-all"

这个代码后,表格倒是不会撑宽了,可是内容又显示不完全了,只是显示表格一样的宽度的内容,其他的被遮挡或是过滤掉了。
我的是汉字,这个有关系吗?

请问有什么方法可以让在表格中的文字到多少字的时候就自动换一行?或是能换行又不撑大表格,而且不略去内容!

我的内容是在动易中调用的这个标签!


我在做网页的时候添加的内容在生成网页后总是横向把表格撑的很宽,很难看;
我在加了
style="table-layout:fixed;word-wrap:break-word;word-break:break-all"

这个代码后,表格倒是不会撑宽了,可是内容又显示不完全了,只是显示表格一样的宽度的内容,其他的被遮挡或是过滤掉了。
我的是汉字,这个有关系吗?

请问有什么方法可以让在表格中的文字到多少字的时候就自动换一行?或是能换行又不撑大表格,而且不略去内容!

我的内容是在动易中调用的这个标签!


fnAddBr("content",25);
fnAddBr("content1",50);


文档

javascript一个自定义长度的文本自动换行的函数_javascript技巧

javascript一个自定义长度的文本自动换行的函数_javascript技巧:很多朋友在制作网页过程中总是发现某些时候一些英文会把原来好好的表格撑开而导致变形,虽然可以使用style=table-layout:fixed;word-wrap:break-word;word-break:break-all 来解决这个问题,但有些时候会导致内容显示不完整而被隐藏了起来,并没有做到自动
推荐度:
标签: 的内容 js javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top