谷歌美化行數和溢出

當向谷歌美化元素添加溢出時，行號消失。谷歌美化行數和溢出

不變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;}

enter image description here

CSS &圖像之後：

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

enter image description here

來源

2012-10-14 Dan Bough

關於這確實發生了什麼樣的瀏覽器，並會出現這種問題時，你用['overflow-y']替換'overflow'（https://developer.mozilla.org/en-US/docs/CSS/overflow-y）？ –

@MikeSamuel - 感謝您的回覆。我嘗試過使用Chrome，Firefox和Safari（無法訪問IE atm）。我也改變溢出溢出y - 在所有瀏覽器上的相同問題。 –

顯然這些數字在pre.prettyprint元素的填充中。如果我通過溢出'on'將左側填充增加到30px，我可以看到數字。我得梳理過CSS一些（這是繼承）

CSS改變&輸出結果：

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

enter image description here

來源

2012-10-16 00:33:06

谷歌美化行數和溢出

回答

相關問題