如何從 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;

結合寬度應該會給你一個近似值，但它不會是完美的。