はてな記法でソースコードに行番号を付けて3桁対応
ブログで表示しているソースコードを、下のブログを参考に行番号を付けました。
Plane Note 様ありがとうございました。
動作チェックを各ページでしていたら、
「おや?2桁までしか表示できていない」
ということで、3桁表示に対応することにしました。
javascript と CSS を調べてみると、
番号表示は、単に ol の数字を、その後に線を表示しているだけだったので、
ol の表示枠を広げれば良いと気づきましたので、CSS で ol の左の余白を広げることに。
pre.code ol 内に、
margin-left: 2.5em;
を追加しました。
足りなければ、この値を増やしてみてください。
これだけです。
簡単でしたね!
今すぐ使えるかんたんPLUS+ HTML5&CSS3 完全大事典 (今すぐ使えるかんたんPLUSシリーズ)
- 作者: 中島真洋
- 出版社/メーカー: 技術評論社
- 発売日: 2018/07/25
- メディア: 単行本(ソフトカバー)
- この商品を含むブログを見る