Просмотров: 1 011

Проблема. Текст в элементе pre выходит за пределы своей ширины.

Недавно пытался расположить html-код в элементе <pre>, но, неожиданно, появилась проблема, код начал выходить за пределы границ.

Вот, как это выглядело:

17-03-2013 19-14-56

Для того, чтобы решить эту проблему, оказалось нужно было использовать CSS свойство white-space.

Вот готовое решение:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}

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