私はこのhtmlを持っています:
<!DOCTYPE html>
<html>
<head>
<style>
pre {
overflow: auto;
}
</style>
</head>
<body>
<ol>
<li>
<pre>some
code code code code code code code code code code code code code code code code code code code
code code</pre></li>
<li><pre>some more code code code code code code code code code code code code code code code code code code code code code</pre></li>
</ol>
</body>
</html>
その意図は、これにより、フォーマット済みのテキストのビットの番号付きリストが得られることです。そして、これらのテキストのビットが非常に長い場合、overflow: auto;によってスクロールバーが追加されます。.
これは Firefox 20 では問題なく動作します。ただし、IE9 では、整形済みテキストが 1 行下に移動されます (したがって、各項目は 2 行になり、1 つは数字用、もう 1 つは整形済みテキスト用です)。Chrome では、数値が表示されないことを除けば、書式設定は正しいです。
オーバーフローに変更しようとしました：スクロール、無駄に。また、doctype を<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">に変更してみました無駄に。
overflow: auto;を削除すると、Chrome と IE9 の両方で問題が解決します。、しかし、スクロールバーが表示されなくなります。これは私にとって重要です。
この表示を Firefox だけでなく IE9 や Chrome でも正しく表示する方法はありますか?