iframe内にコンテンツを読み込んでいます。このコンテンツをタグ内にあるかのように動作させたい、<pre>
つまり改行を尊重するようにしたい。このiframeのbody要素のスタイルを設定するためにjavascriptを使用しています。
このiframeの本体が内部のように動作する特定のスタイルを設定できるかどうか疑問に思っています<pre/>
。
デフォルト設定またはそれらがどのように想定されているかはhttp://www.w3.org/TR/CSS2/sample.htmlで見つけることができます。同じスタイルを、pre要素および出来上がりとして動作させたい要素に適用するだけです。完了です
基本的にはps
pre{ white-space: pre ; display: block; unicode-bidi: embed }
改行のみを保持し、空白を保持しない場合は、次を使用することをお勧めします。
body {
white-space: pre-line;
}
これにより、複数の連続する空白文字が 1 つにまとめられますが、改行は維持されます。欠点は、IE バージョン 8 以降でしかサポートされていないことです。
要素のwhite-space
スタイルを値に設定してみてくださいpre
。
body {
white-space: pre;
}
のような改行に作用させたいだけの場合pre
は、cssを使用してください。white-space: pre