html - CSSを介して事前にフォーマットされたテキストとして要素を表示する

Question

preCSSを介して要素の表示をエミュレートする方法はありますか？

たとえば、CSSルールを使用して、このdivの空白をそのまま維持できますか？

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

score 190 · Accepted Answer

white-space: pre要素のように空白の事前フォーマットを保持するために使用しpreます。さらに一歩進むには、要素もデフォルトでモノスペースフォントで設定されるため、を追加font-family: monospaceしpreます（たとえば、コードブロックで使用する場合）。

.preformatted {
    font-family: monospace;
    white-space: pre;
}

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>

score 54 · Accepted Answer

.preformatted {
   white-space: pre-wrap;
}

「プレラップ」の方がいいと思います。ラインの長さが長い場合に役立ちます。

score 11 · Accepted Answer

11

はい：

div.preformatted {
    white-space: pre;
    }

参照：

于 2012-03-17T20:51:22.710 に答える

score 3 · Accepted Answer

取得するため<pre>に使用できます。

div.preformatted{ white-space: pre ; display: block; }

4 に答える 4