Пример
Предварительно отформатированный текст:
<pre>
Текст внутри элемента pre
отображается моноширинным шрифтом
и сохраняет
оба
пробела и
переносы строк
</pre>
Попробуйте сами »
Другие примеры "Попробуйте сами" ниже.
Определение и использование
Тег <pre> определяет предварительно отформатированный текст.
Текст внутри элемента <pre> отображается моноширинным шрифтом, и текст сохраняет как пробелы, так и переносы строк. Текст будет отображён точно так, как он написан в исходном коде HTML.
Также посмотрите:
| Тег | Описание |
|---|---|
| <code> | Определяет фрагмент компьютерного кода |
| <samp> | Определяет пример вывода компьютерной программы |
| <kbd> | Определяет ввод с клавиатуры |
| <var> | Определяет переменную |
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <pre> | Да | Да | Да | Да | Да |
Глобальные атрибуты
Тег <pre> также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег <pre> также поддерживает атрибуты событий в HTML.
Другие примеры
Пример
Как создать предварительно отформатированный текст с фиксированной шириной (с помощью CSS):
<div style="width:200px;overflow:auto">
<pre>Это элемент pre с фиксированной
шириной. Он будет использовать столько места, сколько указано.</pre>
</div>
Попробуйте сами »
Связанные страницы
Учебник HTML: Форматирование текста HTML
Справочник HTML DOM: Объект Pre
Настройки CSS по умолчанию
Большинство браузеров отображают элемент <pre> со следующими значениями по умолчанию:
Пример
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
Попробуйте сами »