
Использование тега <Pre> в HTML Это способ-представление форматированный контент. Обычно используется, когда вы хотите, чтобы показать некоторую часть исходный код или любой другой тип текста которого внешний вид Собираюсь различаются нормальный, используемый на веб-сайте.
Чтобы использовать этот тег, Если это не стиль, нормальная вещь, что, когда отображается на устройствах с меньшего размера экрана, текст внутри него из контейнера.
Как Пример, Тогда мы видим два текста, один в теге <p> ,с красной каймой, а другой на этикетке <Pre> с зеленым краем.
Как вы можете видеть, В зависимости от экрана устройства от где вы читаете эту статью, Если текст внутри тега <Pre> не вводите по полной в контейнере, Это выходит то же самое.
Для Исправление Эта проблема, что вы должны сделать это изменение стиля Тег <Pre> Добавление следующие атрибуты для вашего CSS:
1 2 3 4 5 6 7 8 | pre { border: 1px solid green; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* 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+ */ } |
получение результат как вы показать:
Вы можете увидеть его в Закладка код CSS.
Таким образом, Вы можете сделать это содержание размещение на вашем Теги <Pre> из контейнера, что Адаптация в то же, В зависимости от размера экрана.
