html - 幅のプリテキスト形式

Question

モバイルアプリでトップコートを使用cssしています。プリテキストは ではなくcordovaに収まるようにします。widthword-wrap

http://codepen.io/civilwar/pen/JEebd

段落間に改行文字を入れておきたいテキストがあります。テキストの幅を維持したくありません。この問題を回避するために、ワード ラップ ブレーク ワードを持つ div にプレ テキストを配置します。これにより、テキストがモバイル アプリの幅内にのみ表示されるように変換されます (つまり、右にスクロールする必要はありません)。ワード ラップ ブレーク ワードを取り除くと、プレ テキストが元の幅に戻ります。ワードラップを無効にしたいが、プリテキストをwidthアプリ内に保持するにはどうすればよいですか?

Answer 1

ワーキングデモ

これだけCSS

.summary > pre {
    white-space: normal;
}

幸運を！