2

Google prettify 要素にオーバーフローを追加すると、行番号が表示されなくなります。

変更されていない CSS:

pre
{    
    font-size:11px;
    background-color:white;
}
/* Alternate shading for lines */     li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee; width:200%;}

前の CSS と画像:

pre.prettyprint { padding: 2px; border: 1px solid #888;}

ここに画像の説明を入力

後の CSS と画像:

pre.prettyprint { padding: 2px; border: 1px solid #888; overflow:auto;}

ここに画像の説明を入力

4

1 に答える 1

1

どうやら数字は pre.prettyprint 要素のパディングにありました。オーバーフローを「オン」にして左パディングを 30px に増やすと、数字が表示されます。CSSをもう少し調べなければなりません（継承されていました）

CSS の変更と結果の出力:

pre.prettyprint { padding-left:30px; border: 1px solid #888; overflow: auto;}

ここに画像の説明を入力

于 2012-10-16T00:33:06.367 に答える