html - 如何设置水平！在这个引导主题下我的 Github 页面的滚动条？

Question

这是我的页面

代码是

<pre class="Input" style="
font-size: 13px;
font-weight: bold;
margin-left: 66px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 5px;
padding: 8px;
overflow:scroll;
"><code>p =     Orthogonalize[engenvectors]ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</code></pre>

我怎么没有在我的原始 html 文件中添加自动换行，我想在 StackExchange 中看到类似的效果。

    Orthogonalize[engenvectors]ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

似乎主题的 css 覆盖了原始 html 文件中的设置。

那么如何解决问题。

水平滚动条的原始效果如下图所示。

有个问题，bootstrap主题把水平滚动条改成了垂直滚动条，水平滚动条不生效。

我猜，似乎主题的“自动换行”阻止了水平滚动生效。

Answer 1

在你的 CSS 中：（不妨直接在<code>标签上尝试一下，看看你得到了什么..

pre.input {
     white-space:pre;
     overflow-x:scroll;
     background-color:#EEE;
     vertical-align:baseline;
     font-family:Monospace;
}
code {
     white-space:pre;
     overflow-x:scroll;
     overflow-y: none; /* add this line */
     background-color:#EEE;
     vertical-align:baseline;
     font-family:Monospace;
}