即使溢出设置为“自动”并且空白设置为“前”，滚动条也不会出现

Question

我一直在盯着这个很长一段时间，我是肯定这是显而易见的，但我需要另一套眼睛。

我使用Google Prettify语法突出显示了我的Tumblr博客上的代码块。一切都很好，除非我不想让代码包装，除非它是真正的EOL。相反，当文本对于包含块太宽时应该出现滚动条。

下面是一个例子：http://accidentalhacker.com/post/15521210350/sticky-notes-with-css3

如果我在Chrome检查<pre>元素，overflow已正确设置为auto和white-space设置为pre，所以我不知道为什么文本仍然包裹。

Answer 1

包装是由包装div元素上的word-wrap: break-word设置引起的。出于某种原因，当您检查pre元素时，Chrome不会将此属性显示为继承，但仍会影响呈现。

如果由于某种原因需要对div进行设置，请通过为pre元素设置word-wrap: normal来覆盖该设置。