В html, если вы используете символ новой строки для создания пустых строк, Chrome проигнорирует их при отображении страницы, хотя, если вы посмотрите на фактический отображаемый html, они все еще находятся в источнике. Если я помню, много лет назад браузеры не всегда это делали. Некоторые фактически отображали новую линию как большее расстояние. Я не могу проверить это во всех различных браузерах, так ли это до сих пор. Кто-нибудь знает, все ли современные браузеры игнорируют новые строки?

0
AndroidDev 8 Окт 2020 в 11:41

3 ответа

Лучший ответ

По умолчанию браузеры не отображают возврат каретки на отображаемой странице. Если у вас есть элемент с возвратом каретки и вы хотите сохранить их, чтобы отображаемая страница также показывала их, вам необходимо добавить к элементу следующий стиль:

Style = "white-space: pre-line"

Примере:

<div style="white-space: pre-line">
Hello How are you 
this text will be shown with carriage returns
You see it
</div>

Если вы хотите также сохранить "tabs" => \ t, вы должны использовать: style = "white-space: pre-wrap"

<div style="white-space: pre-wrap">
Hello How are you
        this text will also shown spaces before when rendered
nice
</div>

Пример скрипта: https://jsfiddle.net/osLwn7zb/

1
ElLocoCocoLoco 8 Окт 2020 в 09:13

Возврат строк в документе HTML игнорируется. Текст и элементы будут непрерывно переноситься, пока не встретят тег <p> или <br> в потоке текста документа. Однако разрывы строк отображаются, когда текст помечен как предварительно отформатированный текст (<pre>).

Похоже на то, что здесь, не может ' Но не скажу почему!

1
Eddie Reeder 8 Окт 2020 в 08:46

Можно с уверенностью предположить, что DOM-дерево отображается независимо от пробелов / отступов и т. Д. (По крайней мере, в современном браузере).

Так что я бы сказал, что ты дома!

0
Anders 8 Окт 2020 в 08:44