html - Google 美化行号和溢出

Question

向 Google 美化元素添加溢出时，行号消失。

未更改的 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;}

Answer 1

显然这些数字在 pre.prettyprint 元素的填充中。如果我在溢出“打开”的情况下将左填充增加到 30px，我可以看到数字。我将不得不再梳理一下 CSS(它是继承的)

CSS 更改和结果输出:

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