Tekst sformatowany w formacie HTML

Question

Mam wyświetlić kilka tekstu na stronie html. Tekst wygląda mniej więcej tak:

+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 

Tekst jest „wstępnie sformatowany” i zawiera wiele odrobina przestrzeni i kresek, a każda linia ma taką samą długość (wszystkie znaki mają taką samą szerokość).

Czy istnieje sposób wyświetlania tekstu w html bez utraty formatu?

Answer 1

Zawij tekst wewnątrz znacznika <pre>.

JSFiddle

<pre> 
+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
</pre> 

Answer 2

Spróbuj zawijania zawartości znacznika PRE. http://www.w3schools.com/tags/tag_pre.asp

Answer 3

Sposób HTML jest użycie pre element, który został zaprojektowany do takiego użycia, ale pamiętaj, że

• Aby być na bezpiecznej stronie w formatowaniu, umieścić prawo <pre> tag na początku pierwsza linia i znacznik </pre> na końcu ostatniej linii. W przeciwnym razie niektóre przeglądarki mogą zachowywać się tak, jakby były puste linie na początku lub na końcu elementu.
• Trzeba jeszcze uciec wystąpienia znaków < i & w treści (istnieją przypadki, w których nie jest to potrzebne, ale to jest najprostsze do zignorować.

Przykład (gdy Dodałem linia zawierająca wyrażenie 1 + 1 < 3):

<pre>+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
- 004 Simple as 1 + 1 &lt; 3   ------</pre> 

można uniknąć ucieczki < i & za pomocą xmp zamiast pre, ale xmp został de clared przestarzałe, przestarzałe i cokolwiek (ale w praktyce dobrze działa).

<xmp>+-001 This is a Line   00:12:04 
    002 ---------------------------------- 
- 003 Everthing looks good so far ------ 
- 004 Simple as 1 + 1 < 3   ------</xmp>