Google Prettify номера строк и переполнение

При добавлении переполнения в элементы 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;}

1 ответ

Видимо, числа были в отступе элемента pre.prettyprint. Если я увеличу левый отступ до 30px при переполнении 'on', я смогу увидеть цифры. Придется еще немного прочесать CSS (он унаследован)

Изменение CSS и полученный результат:

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

Другие вопросы по тегам