Цвет линии Google Prettify за пределами видимой области (предварительно прокручиваемый)

Question

Я хочу расширить подсветку строки для предварительного тега с помощью Google Prettify.Это то, что у меня есть.Я ищу способ максимально расширить подсветку строк.

Спасибо.

  
    
    
    
  
      pre {
         max-height: 100%;
         /* These aren't needed for Google Chrome, but are needed for Edge to force no-wrap*/
         word-break: normal !important;
         word-wrap: normal !important;
         white-space: pre !important;
     }
  
  
  
    
public static void main(String[] args) {
  System.out.println("If you scroll past the visible area, really really really really really far, the line highlighting is going to break......");
  return;
}
    

PR.prettyPrint ();

Так выглядит вывод в Google Chrome 66 и Microsoft Edge 41 (Windows 10).

Answer 1

У меня возникла та же проблема, и я обнаружил, что ее исправляет следующий CSS:

pre {
    display: flex;
}

Теперь я могу прокрутить код вбок, чтобы строки были выделены правильно.

При этом область без кода не будет расширяться до доступной ширины, поэтому различные фрагменты кода будут отображаться с использованием различной ширины.Чтобы исправить это, вам также необходимо сделать следующее:

ol.linenums {
    flex: 1;
}

Надеюсь, это поможет.