如何获得<pre style ="overflow:scroll; height:150px">以显示特定的滚动线?

And*_*der 2 html

我需要pre中显示的代码部分指向特定的行号.如果预先有100行,我希望在150px框的中心显示为51行.

bks*_*ksi 11

试试这个(10行):

<pre style="width: 300px; height: 10pc; overflow-y: scroll;">
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
</pre>
Run Code Online (Sandbox Code Playgroud)

注意"pc"而不是"px"

  • 7 年后……如果能解释一下它是如何工作的就好了。顺便说一句:“pc”是 pica:一个 pica。`1pc` = `12pt` = `1in` 的 1/6。请参阅 [CSS 值和单位](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Values_and_units) 和 [`&lt;length&gt;`](https://developer.mozilla.org /en-US/docs/Web/CSS/length)在 MDN 上。但与像素一样,这也是一个绝对长度单位(“1px”=“1in”的 1/96),因此在很多情况下这可能不起作用。 (2认同)