Разрыв текстовой строки внутри тега ‹pre›

У меня есть скриншот моего фрагмента кода в хроме:

введите здесь описание изображения

и в фаерфоксе:

введите здесь описание изображения

Мой вопрос: как мне сделать в firefox тот же эффект, что и в chrome? часть фрагмента кода находится внутри тега pre. большое спасибо за любую помощь! :)


html jquery css pre
person Emkey    schedule 10.08.2011    source источник

Ответы (2)


arrow_upward
20
arrow_downward

Кроссбраузерная обертка:

pre
{
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

JSFiddle

person Evan Mulawski    schedule 10.08.2011
comment
Я думаю, вы должны были опубликовать исходный код longren.org/wrapping-text-inside -пре-теги - person Ahmad Alfy; 10.08.2011
comment
@Ahmad: На самом деле я получил это из CSS одного из дизайнов моего веб-сайта. И этот фрагмент в любом случае есть во всем Интернете. - person Evan Mulawski; 10.08.2011

arrow_upward
3
arrow_downward

Пытаться

 pre {
       white-space:normal;
       word-wrap: break-word;
     }
person Ahmad Alfy    schedule 10.08.2011