Как я могу заставить HTML читать пустое место в абзаце?

Я пытаюсь включить некоторые из моих ASCII Art на свой сайт. Это мой код, как показано в моем редакторе (скобках):Как я могу заставить HTML читать пустое место в абзаце?

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
    </head> 

    <body> 
     <p style="font-family: Courier New;"> 
       _<br/> 
       (@)\____________________ _<br/> 
       |-|      \(@)<br/> 
       | |      |-|<br/> 
       |-|      | |<br/> 
       |_|      |-|<br/> 
       (@)\____________________ |_|<br/> 
       ~      \(@)<br/> 
              ~ 
     </p> 
    </body> 
</html>

Однако, рассматривая его с помощью кнопки Live Preview, все пространства ни с чем за ними, игнорируются, в результате чего ASCII Art выглядеть ужасно.

Есть ли способ заставить браузер читать эти пробелы?

источник

2015-02-25 Anonymous

Нажмите и удерживайте клавишу «Alt» и удерживая ее, введите цифровые клавиши 255 на цифровой клавиатуре, это должно распечатать невидимый символ; который должен исправить вашу проблему.

источник

2015-02-25 16:24:18 grillo

Блестящий! Откуда вы это узнали? Работает даже на моем _ancient_ PC! –

@Kslkgh Это было вокруг смысла создания символьной карты. Я даже знаю некоторых людей, которые переназначили свой пробел этому персонажу. – grillo

Вы должны были бы заменить пространства с  

источник

2015-02-25 16:22:47

Используйте <pre> тегов. Проверьте это: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

источник

2015-02-25 16:23:36

' это путь – koljanep

Как я могу заставить HTML читать пустое место в абзаце?

ответ

Смежные вопросы