タグの内容を自動的に改行させ、W 3 C規格(マルチブラウザサポート)のデフォルトに適合させる場合、タグの内容が範囲外であれば自動的に改行されず、表示や印刷においても面倒になります.以下に、W 3 C規格に適合し、マルチブラウザをサポートするCSSスタイルコードを提供する.pre{
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
詳細については、以下を参照してください.http://www.w3.org/TR/css3-text/#white-space. preタグはHTMLの内容のフォーマットをそのまま残しますが、幅が広いとページが壊れてしまう場合は、自動的に改行して手伝う必要があります.Wrapping the pre tag Making preformated text wrap in CSS 3,Mozilla,Operand IEis the tip that let's you use the pre tag to keep the formatting, without cursing yourself when some of the content is too long and doesn't wrap: pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
親タグはDIVを追加し、CSS属性を設定することが望ましい:word-wrap:break-word;white-space : normal; スタイルの書き方を直接使用するには:<pre style="width:30px;word-break: break-all; word-wrap:break-word;border:1px solid #555">
asfasdfas
dfasd
fa
sdfasdf
</pre>