HTML表示形式のテキスト

Question

は、私は、HTMLページ上のテキストの束を表示するようにしました。 テキストは次のようになります。

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

テキストは、「事前にフォーマット」で、聖霊降臨祭のスペースとダッシュを多く含んでおり、すべての行が同じ長さを（すべての文字が同じ幅を持っている）があります。

フォーマットを失うことなく、HTMLでテキストを表示する方法はありますか？

Answer 1

<pre>タグ内にテキストを折り返します。

JSFiddle

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

Answer 2

コンテンツにPREタグをラップしてみます。 http://www.w3schools.com/tags/tag_pre.asp

Answer 3

HTMLの方法は、このような使用のために設計されていpre elementを使用しますが、フォーマットする際に安全のために

• ことを注意してください、開始時に<pre>タグ権利を置くことです最初の行と最後の行の末尾にある</pre>タグを使用します。それ以外の場合、要素の先頭または末尾に空行があるかのように動作するブラウザーもあります。
• は、あなたはまだ、コンテンツ（これが必要とされない場合があるに文字<と&の出現をエスケープする必要がありますが、それはそれを無視するのが最も簡単です。私が追加した

例（式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> 

あなたはxmp代わりのpreを使用して<と&をエスケープを避けることができますが、デxmpてきました廃止され、廃止されました。それは何でも（実際にはうまく機能します）。

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