Как начать новую строку из JavaScript?

Question

Я создал эту «оболочку» в jquery:

Код: текст ссылки

Демонстрация: текст ссылки

Мне нужно, чтобы каждые 100 символов вводились в новой строке ниже.Как я могу это сделать?

Answer 1

На высоком уровне вы генерируете html из JavaScript, поэтому любой html, который будет работать автономно, будет работать и при генерации из JavaScript.Некоторые возможности с различной гибкостью:

Предварительно отформатированный текст, вставка новой строки "\n" символов:

<code><pre>
line one
line two

Вставка тегов разрыва:

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;

В сочетании с шириной вы получите приблизительное значение, но оно не будет идеальным.