Я пытаюсь отобразить некоторые HTML файлы с образцами кода, окруженные тегами codeblock. Есть ли стиль CSS, который может отображать кодовые блоки, как если бы они были тегами pre? (уважать новые строки, уважать пробелы и т.д.)
Как форматировать div как pre-блоки?
Ответ 1
Как это
div { white-space: pre; }
Ответ 2
Если вы хотите стать довольно модным, подумайте о таких библиотеках, как Pygments или highlight.js, которые будут выполнять полную раскраску синтаксиса в дополнение к красивой печати вашего кода.
Фрагменты будут реализованы в серверном Python; highlight.js работает на стороне браузера.
ИЛИ: используйте браузерный "редактор кода", такой как Ace, который затем отформатирует/раскрасит код... и просто используйте элемент управления только для чтения.