Перенос длинных строк текста

@as · Регистрация: 14.02.2009

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

Здравствуйте.
Есть строка для ввода текста. После нажатия кнопки этот текст записывается в текстовый файл и потом от туда читается в div.
Проблема в том что встречаются длинные строки, они не влазят в div и обрезаются.

Как можно сделать что бы длинные строки текста автоматически переносились на новую строку?
Подскажите пожалуйста очень надо!!
P.S. Горизонтальный скролл не подходит мне.

@neBezGrexa · 15.07.2011, 09:49

в диве текст

@Просто лис · 16.07.2011, 09:44

Вставьте текст в сам в DIV и в CSS для дива пропишите:

CSS
1
2
3
#{dividname}{
float:left;
}

Если все получится то текст с длинной строкой будет переходить на новую строку.

@lordmix · 16.07.2011, 11:51

Ещё можно так:

CSS
1
2
3
div {
word-wrap:break-word;
}

@neBezGrexa · 16.07.2011, 12:37

Лорд, насколько я понимаю это нужно если в строке есть слово длинной больше блока, да?

@lordmix · 16.07.2011, 12:45

Да,так и есть

@Сергей 83 · 17.03.2013, 02:01

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

в диве текст

- у меня это не сработало. не подскажите как "укротить" длинные строки в рамки дива?

@Sp · 17.03.2013, 06:54

А разве текст в div не распределяется по умолчанию? Задайте размер div в стилях.

@newJS · 17.03.2013, 07:46

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div class="bigS">
Ну очень длинная строка которая не помещается в этом окне, потому как она с пробелами.
</div>
 
<div class="bigS" style="white-space:nowrap;">
Ну_очень_длинная_строка_которая_не_помещается_в_этом_окне
</div>
 
<div class="bigS" style="word-wrap:break-word;">
Ну_очень_длинная_строка_которая_не_помещается_в_этом_окне,_потому_как_ей_приказано.
</div>

CSS
1
.bigS {width:250px; height:150px; padding:7px; border:1px solid red; overflow:hidden; text-align:left;}

даже в ие6 работает

@Sp · 17.03.2013, 09:57

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

HTML5
1
2
3
4
5
6
7
<div class="bigS" style="white-space:nowrap;">
Ну_очень_длинная_строка_которая_не_помещается_в_этом_окне
</div>
 
<div class="bigS" style="word-wrap:break-word;">
Ну_очень_длинная_строка_которая_не_помещается_в_этом_окне,_потому_как_ей_приказано.
</div>

Спасибо! Я об этом не подумал, но работает.

@Сергей 83 · 17.03.2013, 22:16

а я по другому разрешил свою ситуацию:

у меня необходимо использоать тег <pre>

CSS
1
2
3
4
5
6
7
8
9
10
pre {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
    }

Новые блоги и статьи Все статьи Все блоги /
Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@as 39 / 25 / 6 Регистрация: 14.02.2009 Сообщений: 355

	Перенос длинных строк текста 15.07.2011, 03:44. Показов 25776. Ответов 10 Метки нет (Все метки) Здравствуйте. Есть строка для ввода текста. После нажатия кнопки этот текст записывается в текстовый файл и потом от туда читается в div. Проблема в том что встречаются длинные строки, они не влазят в div и обрезаются. Как можно сделать что бы длинные строки текста автоматически переносились на новую строку? Подскажите пожалуйста очень надо!! P.S. Горизонтальный скролл не подходит мне. 0

@neBezGrexa 48 / 48 / 3 Регистрация: 14.07.2011 Сообщений: 156
	15.07.2011, 09:49
	в диве <p> текст </p> 0

@neBezGrexa 48 / 48 / 3 Регистрация: 14.07.2011 Сообщений: 156
	16.07.2011, 12:37
	Лорд, насколько я понимаю это нужно если в строке есть слово длинной больше блока, да? 0

@lordmix 6 / 6 / 2 Регистрация: 13.07.2011 Сообщений: 13
	16.07.2011, 12:45
	Да,так и есть 0

@Sp 5 / 5 / 2 Регистрация: 02.11.2009 Сообщений: 236 Записей в блоге: 1
	17.03.2013, 06:54
	А разве текст в div не распределяется по умолчанию? Задайте размер div в стилях. 0