HTML/CSS - 无法选择的行号

Question

我想在块中显示一些代码，并包含行号。我怎样才能得到行号显示，不能被选择，不依赖于Javascript？

Pastebin.com似乎能够做到这一点，但我不明白如何。有任何想法吗？

在此先感谢！

Answer 1

Pastebin通过将每行内容作为LI元素添加到有序列表中来解决这个问题。

<ol> 
    <li>public void foo() {</li> 
    <li> System.out.println("bar");</li> 
    <li>}</li> 
</ol> 

从这样一个列表中的号码中选择时，不会被复制：

1. 公共无效美孚（）{
2. 的System.out.println（ “巴”）;
3. }

其余的是使用CSS的样式。

Answer 2

在pastebin.com的情况下，他们只是使用HTML中的有序列表，它会生成一个带有编号的行列表。 YOu无法选择HTML中的列表项目编号或项目符号...

Answer 3

这只是简单的ol > li（每一行都是一个有序的列表项）。