Russian (CIS)
 
Кроссбраузерный перенос текста
15.03.2011 10:29

Задача: переносить строки, когда они не помещаются по ширине.

Решение: будем использовать кроссбраузерную комбинацию word-wrap и white-space.

Замечание: пока свойство word-wrap при валидации на CSS 3 выдает ошибку.

Примечание: Свойство white-space влияет на отображение пробелов между словами.

.wrap{
 white-space: pre;                       /* CSS2 */
 white-space: pre-wrap;                  /* CSS 2.1 */
 white-space: pre-line;                  /* CSS 2.1/3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla */
 white-space: -hp-pre-wrap;              /* HP printers */
 white-space: -o-pre-wrap;               /* Opera 7 */
 white-space: -pre-wrap;                 /* Opera 4-6 */
 word-wrap: break-word;                  /* Internet Explorer 5.5+ */
}
 
reload Загадки, Афоризмы

Легче всего создаются трудности

Посещаемость

Яндекс.Метрика