Веб-страница растягивается по ширине при вводе данных без символа новой строки

Question

У меня есть веб-страница с табличной структурой с шириной таблицы 800px.

Я получаю некоторые данные из БД и отображаю их на странице, но когда длина контента превышает 800 пикселей, страница растягивается за пределы 800 пикселей.

По моему мнению, ширина должна увеличиться с 800px, а дополнительные символы должны перейти на следующую строку.

Пожалуйста, посмотрите на эти две страницы, чтобы понять точную ситуацию:

Ссылка 1

Ссылка 2

Answer 1

На странице используется элемент pre, что означает предварительно отформатированный текст, то есть разрывы строк должны отображаться на дисплее точно так же, как и в источнике, и новые разрывы строк не должны добавляться браузером.Исправление зависит от того, как вы хотите, чтобы содержимое отображалось.

Обычно вы должны использовать, например, элемент div и добавлять разметку, которая создает вынужденные разрывы или пустые строки по мере необходимости, например, просто (и упрощенно) <br> для принудительного перерыва.