web-dev-qa-db-ja.com

CSSはプレタグに垂直スクロールバーを表示します

preタグのコンテンツがオーバーフローしたときに、垂直スクロールバーをChrome running latest version 21に表示しようとしています。実際に垂直スクロールバーを表示できません。ただし、表示します。

このjsFiddleを参照してください: http://jsfiddle.net/justink101/2tJmC/

[〜#〜]編集[〜#〜]

Macの場合-OSX

19
Justin

http://jsfiddle.net/UTYzd/

外部ファイルからcssをロードしています:bootstrap-combined.min.cssは以下を変更しようとします:

Word-breakWord-wrapwhite-space

pre {
    height: auto;
    max-height: 200px;
    overflow: auto;
    background-color: #eeeeee;
    Word-break: normal !important;
    Word-wrap: normal !important;
    white-space: pre !important;
}​
24
Gustonez

'pre'セクションタグを 'div'でラップして、そのdivにCSSを適用することができます。

これが jsfiddle です。

2
utsikko