Wordpress二十三个溢出-x无法正常工作

Question

我正在尝试将一些代码粘贴到我的一篇博文中。我是通过将代码包装在<pre>标记中来实现的，因为我想保持格式化。我知道Twenty Thirteen是一个固定宽度的模板，因此<pre>标签仍会被压扁，格式化也会被破坏。我可以手动设置一个有效的宽度但是将帖子拉得非常宽，看起来也不正确。因此，一旦文本变得过宽，我试图让内容在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来覆盖元素样式（如果你想强制宽度）。