html中如何让td里面的文字 遇到数字就自动换行

html中如何让td里面的文字 遇到数字就自动换行,第1张

给table加个id,如:<table
width="200"
border="1"
id="result">然后遍历其下的所有td,替换字符,写一个函数,让他在页面载入完成后执行。 function
numAddBr(){
var
tr
=
documentgetElementById('result')getElementsByTagName("tr");
for
(var
i=1;i<trlength;i++)
{
var
td
=
tr[i]cellslength;
for(var
j=0;j<td;j++){
tr[i]cells[j]innerHTML
=
tr[i]cells[j]innerHTMLreplace(/([\d]+)([^\d]+)/g,'$1<br/>$2');
}
}
}
windowonload
=
numAddBr; 这是代码。我给你加了简单的判断,当内容是以数字结尾的时候,则不再加换行,如果数字出现在内容的中间部分或者开头则在其后添加换行。你也可以自己去掉,把
replace(/([\d]+)([^\d]+)/g,'$1<br/>$2');
改成
replace(/([\d]+))/g,'$1<br/>');

添加<br />
不知道你是不是这个意思
另外你的可以设定一个层的宽度,这样文本就可以自动换行了
<div id="a">ddddddddddddddddddddddd</div>
#a{width:10px;border:1px #333 solid;}

<p</p代表一个段落,段落里的文字在达到右边边界时会自动换行,它并不知道你想在文字到达哪里就应该换行。你应该把不同行的文字分别放在不同的<p</p里,使每一行成为一个独立的段落。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13406978.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存