Перенос строки по ширине таблицы с <pre>

@Utacoma · Регистрация: 09.12.2015

Студворк — интернет-сервис помощи студентам

Добрый день!

Пробую организовать вывод данных из базы.
Имеется следующее: в базу попадает текст, который потом выводится на страницу в таблице с фиксированным размером, но если делать вывод по содержимому с тегом <pre>, то длина строки может уйти в бесконечность и растянуть таблицу и страницу.

Возникла мысль циклом найти все пробелы в тексте и приписать к ним <wbr>, чтобы переносились по надобности.
Поиском strripos() найти пробелы и приписать, но это похоже на бред.

Как победить этот тег, чтобы сохранилось исходное форматирование в виде абзацев и отступов, но текст переносился по ширине таблицы?

@AlexZaw · 20.03.2018, 12:28

Т.е. вы хотите два взаимоисключающих условия выполнить?

@Utacoma · 20.03.2018, 12:31 **[ТС]**

Сообщение от AlexZaw

Т.е. вы хотите два взаимоисключающих условия выполнить?

Грубо говоря - да.
Если ставить вопрос иначе - как без выискивания пробелов и вставки wbr автоматически переносить текст, сохраняя абзацы

@AlexZaw · 20.03.2018, 13:11

Попробуйте не ставить тег <pre>, а для абзаца с текстом установить white-space:pre-wrap

@Utacoma · 20.03.2018, 13:25 **[ТС]**

Сообщение от AlexZaw

Попробуйте не ставить тег <pre>, а для абзаца с текстом установить white-space

re-wrap

Спасибо! То что надо!

Новые блоги и статьи Все статьи Все блоги /
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .

@Utacoma 1 / 1 / 1 Регистрация: 09.12.2015 Сообщений: 70

	Перенос строки по ширине таблицы с <pre> 20.03.2018, 09:34. Показов 2289. Ответов 4 Метки нет (Все метки) Добрый день! Пробую организовать вывод данных из базы. Имеется следующее: в базу попадает текст, который потом выводится на страницу в таблице с фиксированным размером, но если делать вывод по содержимому с тегом <pre>, то длина строки может уйти в бесконечность и растянуть таблицу и страницу. Возникла мысль циклом найти все пробелы в тексте и приписать к ним <wbr>, чтобы переносились по надобности. Поиском strripos() найти пробелы и приписать, но это похоже на бред. Как победить этот тег, чтобы сохранилось исходное форматирование в виде абзацев и отступов, но текст переносился по ширине таблицы? 0

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	20.03.2018, 12:28
	Т.е. вы хотите два взаимоисключающих условия выполнить? 0

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	20.03.2018, 13:11
	Сообщение было отмечено Utacoma как решение Решение Попробуйте не ставить тег `<pre>`, а для абзаца с текстом установить `white-space:pre-wrap` 1

Перенос строки по ширине таблицы с <pre>

Решение