Панорама
сайтов

CSS
Перенос текста в блоке

Информационные технологии.

Пример кода


<html> <head> <style> #elem {white-space: pre-wrap;} </style> </head> <body> <div id="elem"> <p>Длинный текст строки не умещающийся по ширине в элементе div (атрибут id = значение elem) при помощи селектора #elem { свойства white-space (white space 1. пробел; 2. пустое место на отпечатанном листе): значения pre-wrap (pre-wrap 1. предварительное завертывание текста внутри); } будет перенесен браузером на новую строку в границах блока с сохранением всех пробелов и переносов.</p> </div> </body> </html>

Вывод на экран

Браузер откроет ваш HTML документ с блоком и текстом: "Длинный текст строки не умещающийся по ширине в элементе div (атрибут id = значение elem) при помощи селектора #elem { свойства white-space (white space 1. пробел; 2. пустое место на отпечатанном листе): значения pre-wrap (pre-wrap 1. предварительное завертывание текста внутри); } будет перенесен браузером на новую строку в границах блока с сохранением всех пробелов и переносов."

Остались вопросы? Нужна помощь? Напишите администратору сайта.