вставленный текст в текстовой области переполняется, хотя пробелы существуют

Question

вставленный текст в текстовой области переполняется, хотя пробелы существуют

0

Когда кто-то вручную вводит текст в текстовую область, разрывы строк происходят там, где я их хочу. Однако, если кто-то приклеивает стену текста из другого места, разрывы строк не встречаются, и автопрокрутка удаляет мой прекрасный блог с дерьмовой горизонтальной полосой прокрутки в поле "Тема блога".

Блог здесь, чтобы вы могли видеть, о чем я говорю (ссылка на запись в нижней части страницы, если вы хотите попробовать...).

Заранее спасибо за вашу помощь

rory 01 окт. 2013, в 14:16

Источник

Теги:

html

css

textwrapping

3 ответа

2

Просто укажите ширину для .blog-content а затем используйте word-wrap: normal; ,

.blog-content {
  font-family:monospace;
  font-size:12px;
  overflow:auto;
  width: 100%;
  word-wrap: normal;
}

Replay 01 окт. 2013, в 11:06

1

Попробуйте добавить пробел: normal;

.blog-content {
    font-family: monospace;
    font-size: 12px;
    overflow: auto;
    white-space: normal;
}

Mihai Alex 01 окт. 2013, в 10:22

Ещё вопросы

Coop · Accepted Answer · 2013-10-01T10-51-00.000Z

Сообщения в блоге в настоящее время завернуты в теги <pre>. Точка предварительного тэга заключается в том, что они сохраняют разрывы строк и пробелы. Вероятно, это не то, что вы хотите для этой ситуации.

Измените предварительные теги на div и ваша проблема решена.