web-dev-qa-db-ja.com

CSS要素を<pre>のように動作させることは可能ですか？

Iframe内にコンテンツを読み込んでいます。このコンテンツが<pre>タグ内にある場合と同じように動作するように、つまり改行を尊重するようにします。このiframeのbody要素のスタイルを設定するためにJavaScriptを使用しています。

このiframeの本体を<pre/>の内部のように動作させる特定のスタイルを設定できるかどうか疑問に思っています。

htmlcsspre
56
chaimp

http://www.w3.org/TR/CSS2/sample.html でデフォルト設定またはそれらがどのように想定されているかを見つけることができます=必要な要素に同じスタイルを適用するだけですプレ要素として振る舞い、完了しました

pS基本的には

pre{ white-space: pre ; display: block; unicode-bidi: embed }
64
Breezer

改行を保持するだけで空白は不要な場合は、次の使用をお勧めします。

body {
    white-space: pre-line;
}

これにより、連続する複数の空白文字が1つに折りたたまれますが、改行は保持されます。欠点は、IEバージョン8以降でのみサポートされていることです。

25
Hjorth

要素のwhite-spaceスタイルをpreの値に設定してみてください。

body {
    white-space: pre;
}
15
stevelove

preのような改行で動作させるだけの場合は、cssを使用します：white-space: pre

3
Keltex