css - WordPress 二十十三溢出-x 不工作

Question

我正在尝试将一些代码粘贴到我的一篇博文中。我通过将代码包装在 <pre> 中来这样做标签，因为我想保持格式。我知道二十十三是一个固定宽度的模板，因此 <pre>标签仍然被压扁并且格式被破坏。我能够手动设置有效的宽度，但将帖子拉伸(stretch)得非常宽，而且看起来也不正确。因此，一旦文本变得太宽，我试图让内容在 x 中滚动，但它实际上没有做任何事情。

在修改我的子模板之前，我目前正在使用内联 CSS。我在帖子中尝试使用的代码如下所示:

<pre style="width: 100%; overflow-x: scroll;">

我尝试了其他组合(将溢出设置为自动)但没有任何效果。这可能是主题本身的结果，但我不确定是什么导致了这种情况发生。帖子本身可以找到HERE .我已将内联 CSS 恢复为固定宽度，以便暂时可以正确查看。

Answer 1

您需要以下样式才能使其工作:

pre{
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal;
    width: 604px !important;
}

white-space: pre; 和 word-wrap: normal; 防止代码在空格处自动换行。

width 需要 !important 来覆盖元素样式(如果你想强制宽度)。