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

标签 javascript text character break line-breaks

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

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

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

感谢您的帮助!

最佳答案

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

word-wrap: break-word;

不需要任何 JavaScript!

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

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

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

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

关于Javascript:每 100 个字符后添加中断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3194033/

相关文章:

javascript - react 中的单选按钮,忽略空值

c - 阅读文档并在该文档中查找特定单词

R:剪切向量中的字符串

string - 在 R 中读取空格分隔的数字

string - Golang 数字的字母表示

javascript - 停止在新窗口中打开的音频元素

javascript - 如何使用同位素为 Knockout observableArray 中的项目布置 HTML 元素?

php - 使用 php 从文本文件中获取最后 50 行

javascript - 如何在 JavaScript 中对 Angular move Sprite ?

javascript - 当用户点击不再显示警报时退出 JavaScript 中的 while 循环