Пробелы не игнорируются в предварительном теге

Question

Я прочитал, что тег 'pre' свернет все пробелы и табуляции в один пробел, но для меня это не так.

почему так? это зависит от веб-браузера или я должен сделать что-то еще?

Answer 1

С HTML 4.01 Спецификация

Элемент PRE сообщает визуальным агентам пользователя, что заключенный текст «предварительно отформатирован».При обработке предварительно отформатированного текста визуальные пользовательские агенты:

• Может оставить пробелы нетронутыми.
• Может отображать текст шрифтом с фиксированным шагом.
• Может отключить автоматическое словоwrap.
• Не должен отключать двунаправленную обработку

Теги PRE оставят пустое пространство, как вы его ввели.Цель только в этом.Если вы не используете предварительный тег, стандартный HTML свернет пробел, как вы написали.Используйте PRE, если вас интересует сохранение пробелов, а не свертывание it.

Вот пример в JSFiddle.

Это будет сохранить пробел:

<code> <pre>
    Spaces
     and more
      galore
 

Это будет свернуть пробел:

 <div>
   All
    together
     now
 </div>

Answer 2

Тег PRE просто сохранит ваше содержимое в том же формате, в котором вы его написали. он используется для сохранения вашего «предварительно отформатированного» текста таким же образом, как вы его написали.