4 桁を超える番号の行番号を追加すると、その行はコード ボックスから切り出されます。
background-color: #eee;
すべてを使用するとうまく機能しますが、白色background-color: #fff;
では機能しません。
コードボックスから切り出された行番号を修正するには?
すべての行の背景を白に変更するには?
PS白い背景には行番号が必要です:)
現在の仕組み (写真: linenums:320
3 桁の数字では Safari でのみひどくスライスされ、Chrome では 4 桁の数字からスライスが開始されます)。しかし、マージンか何かを作ることができるかもしれません。
pre.prettyprint {
background-color: #fff;
}
li.L0, li.L1, li.L2, li.L3, li.L4,
li.L5, li.L6, li.L7, li.L8, li.L9 {
list-style-type: decimal;
}
<pre class="prettyprint linenums:3320">
def celsius_from_fahrenheit(temp):
"""
Convert temperature value from Fahrenheit to Celsius.
"""
return (temp - 32)*5.0 / 9.0
def fahrenheit_from_celsius(temp_fahrenheit):
"""
Convert temperature value from Celsius to Fahrenheit.
"""
return (temp_fahrenheit*9 + 160)
</pre>
これがどのように機能するかを確認できる例です。 https://jsfiddle.net/rwjbdayu/7/