Javascript:每100个字符后添加Break

时间:2010-07-07 10:57:33

标签: javascript text character break line-breaks

如果我写长篇文章,例如:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

文字已经出了页面,我有一个想法可以解决它,在每100个字符后我可以制作一个<br />标签。但我不知道该怎么做。

感谢您的帮助!

2 个答案:

答案 0 :(得分:7)

在您希望强制换行的元素上使用以下CSS属性:

word-wrap: break-word;

不需要任何JavaScript!

如果确实想要使用JavaScript(对于概念; CSS更易于访问和轻松),那么请继续。

哦,还有一件事,如果你使用的字体不是等宽字体(而是比例),那么切断100个字符可能是无效的。一行可以有100个'i'字符,下一行有另外一百个'm'字符,它们的大小差异很大。

哦,还有另一个的东西,你不能只在innerHTML上应用正则表达式替换,除非它是全文。如果那里可能存在其他元素,则必须实际循环遍历节点,将该技术仅应用于文本节点。

哦, 另一个 的事情,不要打扰。用javascript做太多问题。

答案 1 :(得分:1)

您可以尝试以下代码

str = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa';

len = str.length;
loop = len / 100;
document.write(loop);
document.write('<br>');

for(i=0; i<=loop; i++){
  document.write( str.slice( i*100, (i*100)+100) );
  document.write('<br>');
}