Почему тег pre отрабатывает по разному с pre-line?

Ссылка скопирована
26 апреля 2026 1 ответ

в этом блоке хорошо отработал

Почему тег pre отрабатывает по разному с pre-line?

а в этом отступ сверху

Почему тег pre отрабатывает по разному с pre-line?

Дополнительно:

по картинкам гадать предлагаете?

Ну наверное в первом написано

<pre>text</pre>

А во втором

&lt;pre&gt; text &lt;/pre&gt;

&lt;pre&gt; text &lt;/pre&gt;

  • Сергей delphinpro, да вроде одинаково
    &lt;code lang="php"&gt; &lt;pre style="white-space: pre-line;"&gt;  &lt;?echo $row['body'];?&gt;  &lt;/pre&gt; &lt;pre style="white-space: pre-line;"&gt;			 &lt;?php echo $row['comment']?&gt; &lt;/pre&gt; &lt;/code&gt;

    &lt;code lang="php"&gt; &lt;pre style="white-space: pre-line;"&gt; &lt;?echo $row['body'];?&gt; &lt;/pre&gt; &lt;pre style="white-space: pre-line;"&gt; &lt;?php echo $row['comment']?&gt; &lt;/pre&gt; &lt;/code&gt;

  • Сергей delphinpro, написал в строчку блин заработало как надо ..я не думал что это так влияет..спасибо!
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Тег

     в HTML используется для отображения предварительно отформатированного текста с сохранением пробелов и переносов строк. Он позволяет отображать текст точно так, как он написан в исходном коде, без изменений форматирования. 

    Свойство CSS white-space: pre-line, с другой стороны, позволяет сохранить переносы строк, но игнорирует множественные пробелы. Таким образом, при использовании этого свойства, все пробелы и табуляции сжимаются до одного пробела, а переносы строк сохраняются.

    Теперь давайте рассмотрим пример с тегом

     и свойством white-space: pre-line на примере языка программирования PHP:

    &lt;?php
    $code = &quot;";
    echo $code;
    ?&gt;

    &lt;?php $code = &quot;"; echo $code; ?&gt;

    В данном примере мы используем тег

     для отображения исходного PHP-кода. Если мы применим свойство white-space: pre-line к этому коду, все множественные пробелы будут сжаты до одного, но переносы строк останутся.

    Таким образом, использование тега

     и свойства white-space: pre-line может быть полезно для отображения кода с сохранением переносов строк, но без лишних пробелов. Каждый из этих методов имеет свои особенности и может быть использован в зависимости от требуемого форматирования текста.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно