即使溢出設置爲「自動」並且空白設置爲「前」，滾動條也不會出現

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來覆蓋該設置。