如何在HTML/CSS中整齊排列代碼？我特別想用數字標註圈，與Python docutils的，如果我能

Question

看到：http://diveintopython.net/native_data_types/lists.html#d0e5623

我與它的代碼示例，通過docutils生成網站，而CSS永遠是不完全正確。

我想知道是否有

• 最佳實踐CSS顯示代碼（即它可以處理包裹變通，排長隊，獲得colourisation的任何機會）

• 最佳實踐小數字標註（請參閱上面的diveintopython）

最後，我想知道是否有（打開）CSS旨在與docutils一起使用HTML輸出，實際上看起來「很好」。我很樂意貢獻一些使表格看起來像「微軟專業灰色」等等的CSS。

Answer 1

單獨使用CSS無法進行語法高亮顯示。您需要將代碼的各個部分標記出來;如果您使用動態頁面，則可以在服務器上執行此操作，也可以在客戶端上使用JavaScript。 Here是一些JavaScript語法熒光筆的比較。

帶圓圈的數字是在你的網站鏈接的圖像，但我會使用Unicode來代替：❶➋➌➍➎➏➐➑➒➓