html - 背景がカットされました

Question

のいくつかの行を強調表示したい<div>。
一部の線はの幅より長い<div>ので、を使用します<div style="overflow:scroll;">。
ただし、右にスクロールすると、強調表示された背景が右端でカットされるため、<div>の幅より長いテキストには背景がありません。

<style>
.a { background-color:red; }
.b { background-color:yellow; }
</style>
<div style="overflow:scroll;width:49%;height:100%;border:1px solid silver;white-space:nowrap;">
<pre>
<div class="a">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
dffdgfdsgfg</div>
<div class="b">asdsad</div>
</pre>
</div>

誰かがこれを修正できますか？

Answer 1

空白を削除:nowrap;

そして追加word-wrap: break-word;

Answer 2

あなたの問題は wordwrap に関連している可能性があると思います: これはその使用法を説明する良い記事です: http://webdesignerwall.com/tutorials/word-wrap-force-text-to-wrap

それが役に立てば幸い、