如何从 JavaScript 开始一个新行？

Question

我在 jQuery 中创建了这个“shell”：

代码：链接文本

演示：链接文本

我需要每 100 个字符，提示在下面换一个新行。 我怎样才能做到这一点 ？

Answer 1

在高层次上，您是从 JavaScript 生成 html，因此任何可以独立工作的 html 在从 JavaScript 生成时也可以工作。 一些可能性，具有不同的灵活性：

预格式化文本，插入换行符"\n"字符：

<pre>
line one
line two
</pre>

插入中断标签：

line one<br />
line two<br />

或者我最喜欢的，使用段落标签：

<p>line one</p>
<p>line two</p>

我喜欢这样，因为您可以将代码中的每一行称为单个 DOM 元素。 设置此 css 以保持行并排：

div.code-listing p { margin: 0; padding: 0; }

Answer 2

编程上，通过连接<br />是我能想到的唯一方法。

word-wrap: break-word;

结合宽度应该会给你一个近似值，但它不会是完美的。