Почему раздувает таблицу?

http://www.w3schools.com/tags/tag_pre.asp

"it preserves both spaces and line breaks"

Собственно ответили, тэг "pre" обладает таким свойством, т.к. ввод в одну строку, то и он пытается его так отобразить.

Нене, с этим все понятно, что вывод в одну строку и прочее...

Однако, обратите внимание, если я ставлю width: 70%; для pre, то он, судя по всему, увеличивается до 70% от ширины текста в нем, а не родительского элемента? Если ставить 700px, как на этом форуме, то все отображается нормально, только мне необходимо ширину pre указать в процентах, это можно сделать?

syntaxhighlighter погуглите.

может его лучше использовать

нет, спасибо, я вон и с простым не могу справиться :) а хайлайтер еще и тяжелее значительно... да и понять надо, что за дела...

---------- Добавлено 31.07.2016 в 18:00 ----------

на этом форуме, кстати, так же раздувает, если поставить 70% вместо 700px у pre (логично, в принципе, булка и есть булка)

какая-то бага в обработке CSS? причем сразу всеми браузерами?

.alt2, .alt2Active {

    background: #e1e4f2 none repeat scroll 0 0;

    color: #000000;

    padding: 2px 5px;

    white-space: normal;

}

Извините, не понял, что в этом стиле неправильно? Переносы не установлены? Их и не должно быть.

---------- Добавлено 31.07.2016 в 20:31 ----------

Уточню, дело не в том, чтобы любыми силами впихнуть в экран текст, а понять, почему атрибут ширины у pre не работает, если выставляется в процентах. Нужно, чтобы pre занимал процент от экрана, которые у пользователей сильно разные. Скролл должен быть не шире 70%, как это сделать? Переносов быть не должно.

Оберните div-ом

"Атрибут ширины" не будет работать в этом случае. Как выход прописать элементу pre: white-space: pre-wrap; и не мучать себе голову.

Но он же работает! Только не понятно, как...

А в div он уже обернут, только этот div тоже игнорирует ширину...