如何在 HTML/CSS 中整齐地设置代码格式？我特别想使用数字圆圈标注，如果可以的话，使用 Python Docutils
请参阅： http://diveintopython.net/native_data_types/lists.html#d0e5623
我有一个带有代码示例的网站，通过 docutils 生成，CSS 总是不太正确。
我想知道是否有
CSS 显示代码的最佳实践（即它可以处理环绕、长行、任何获得着色的机会）
小数字标注的最佳实践（参见上面的 divintopython）
最后，我想知道是否有是（开放的）CSS，即设计用于与 docutils HTML 输出一起使用，并且实际上看起来“不错”。我很乐意贡献一些 CSS，使表格看起来“微软专业灰色”等等。
see: http://diveintopython.net/native_data_types/lists.html#d0e5623
I have a website with code examples on it, generated through docutils, and the CSS is always not quite right.
I would like to know if there is
best practise CSS for displaying code (ie can it handle wrap arounds, long lines, any chance of getting colourisation)
best practise for the little numerical callouts (see diveintopython above)
and finally, I am wondering if there is (open) CSS that is designed to work with docutils HTML output and actually look "nice". I would be happy to contribute some CSS that makes tables look "microsoft professional grey" and so forth.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
单独使用 CSS 无法实现语法高亮。您需要对代码的各个部分进行标记；如果您使用动态页面，则可以在服务器上执行此操作，也可以在客户端上使用 JavaScript。 这里是一些 JavaScript 语法荧光笔的比较。
带圆圈的数字是您链接的网站中的图像，但我会使用 Unicode 代替：❶➋➌➍➎➏➐➑➒➓
You can't do syntax highlighting with CSS alone. You need the various parts of the code to be marked up; you can do that on the server if you are using dynamic pages, or you can use JavaScript on the client. Here is a comparison of a few JavaScript syntax highlighters.
The circled numbers are images in the site you linked, but I would use Unicode instead: ❶➋➌➍➎➏➐➑➒➓