Javascript:每 100 个字符后添加中断

Question

如果我写入长文本，例如:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

文本超出了页面范围，我有一个想法来修复它，每 100 个字符之后我可以制作一个 <br />标签。但我不知道该怎么做。

感谢您的帮助!

Answer 1

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

word-wrap: break-word;

不需要任何 JavaScript!

如果您确实想要使用 JavaScript(出于概念考虑；CSS 更易于访问和使用)，那么就继续吧。

哦，还有一件事，如果您使用的字体不是等宽字体(而是等宽字体)，则在 100 个字符处 chop 可能会无效。一行可以有 100 个“i”字符，下一行可以有另外一百个“m”字符，它们的大小有很大不同。

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

哦，还有另一件事，别费心了。使用 javascript 执行此操作有太多问题。