css - WordPress的二十三个十三溢出-x不起作用

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

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

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

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

最佳答案

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

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

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

width需要!important覆盖元素样式（如果要强制宽度）。

关于css - WordPress的二十三个十三溢出-x不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20206424/