Настройка <pre> и <code> для избегания скроллинга

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем doctorgrif, 13.09.2008.

  1. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    Бывает ситуация, когда строки текста внутри <pre> и <code> слишком длинные, а шаблоном задана фиксированная ширина этих блоков, то появляется горизонтальная прокрутка.

    На самом деле все так и было задумано, но в некоторых случаях это не позволительно и бывает нужно, чтобы не было ни горизонтальной прокрутки и не разъезжался сам блок вывода кода.

    Нужно:
    1. стилевой файл (есно, основной, но если жанные контейнеры у вас в другом стилевом файле - то мучайте его)
    2. блокнот
    Механизм:
    Код (CODE):
    1. pre, code {  
    2.     white-space: pre-wrap;           // порадуем css-3
    3.     white-space: -moz-pre-wrap;  //для Mozilla, начиная с 1999 года
    4.     white-space: -pre-wrap;          //персонально для Opera 4-6
    5.     white-space: -o-pre-wrap;      //а это для  Opera 7 и выше  
    6.     word-wrap: break-word;         //мелкомягкие Internet Explorer 5.5 и выше тоже не забыты. Работает точно на 6 и 7 ишаке, про 8 сказать ничего не могу ибо его у меня нет
    7. }

    ваш код будет красиво переносится на следующую строку

    P.S. По традиции тестировано на денвере и joostina 1.1.4
     
  2.  

Поделиться этой страницей

Загрузка...