«pre» тег не сжимается. Не показывать горизонтальную полосу прокрутки

Я показываю много кода на своем сайте. Остальная часть моего сайта реагирует, но тег «pre» отказывается сокращать и отображать горизонтальные полосы прокрутки. Вот скриншот моего содержания получать отрезан из-за длинные «до» меток на вершине:«pre» тег не сжимается. Не показывать горизонтальную полосу прокрутки

Я использую переполнение: горизонтальное, но вы можете видеть в этом примере, что это не Работа. Вот фактическая ссылка enter link description here

Как только я переключаю свою тему, она работает нормально! Я использую дочернюю тему в Genesis Framework ...

источник

2016-08-23 Bhagwad Jal Park

Вам необходимо назначить ширину элемента, чтобы содержимое могло переполняться. Попробуйте установить width: 100vw, например, и он будет работать.

источник

2016-08-23 16:42:50

Ваш предыдущий комментарий работал (до вашего редактирования!). Вы использовали единицу «vw», которая, кажется, решает проблему. Установка его на «500px» просто приводит к фиксированной ширине, и элемент pre не уменьшается после этого. Измените свой комментарий обратно на «vw», и я буду отмечать как ответ: D –

Сначала я думал о проценте, но это не сработало бы, поскольку его родительский элемент не имеет фиксированной ширины, и он не или. 'vw', казалось, отрезал фразу (не отображался), а также казался дешевым обходным путем. Но если это сработает для вас, тогда все будет лучше. Изменено это обратно :) –

Это 100vw, а не 500vw правильно? –

Pre tag отображает текст с предварительным форматированием и сохраняет пробелы и разрывы строк и фиксируется. Объявите нормальный пробел или предварительную обертку.

pre { 
white-space: normal; 
}

источник

2016-08-23 16:38:33 Vcasso

Это просто приводит к разрыву линий. Я не хочу, чтобы они ломались. Я хочу, чтобы они были полной линией и отображали горизонтальную полосу прокрутки, чтобы пользователь мог прокрутить, чтобы увидеть полный код ... –

Я не знаю, почему никто не дал ответ:

pre { 
    white-space: pre-wrap; 
}

Он сохраняет строки и слова, в то же время упаковки линии, если не хватает места.

источник

2018-02-16 16:37:50 VocoJax

«pre» тег не сжимается. Не показывать горизонтальную полосу прокрутки

ответ

Смежные вопросы