文档.在多行上编写文本

document.write text over multiple lines

本文关键字：文本 文档      更新时间：2023-09-26

>我有一个脚本，它从长度可变的用户那里获取输入字符串，通常为 ~ 400-3000 个字母。我的脚本对字符串进行了一些修改，然后应该将其打印到屏幕上。使用文档写入，所有内容都显示在一行上。但是，我希望每个输出行有~100个字母，这样用户就不必向右滚动~3000个字母来查看全文。

我能想象到的唯一方法是 for 循环，但也许有人知道更好的解决方案？

编辑：

这是我目前用来实现这一目标的 for 循环

document.write("<p>",">Position: ", (lower+1) + "-" + (lower +print_screen.length), "<br/>");
// print only 70 chars per line
for(i = 0; i < print_screen.length; i += 69){
    document.write(print_screen.substring(i, i+69), "<br/>");
};
document.write("</p>");
您可以使用

replace和正则表达式在字符串中添加中断。这将在第 100 个字符处添加一个中断：

document.write(theText.replace(/(.{100})/g, '$1<br/>'));

对容器使用此 CSS：

.longtext {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
相关文章：