为什么这个代码whit pre标签不滚动？

Question

在我的博客中，code标记中的pre标记不会滚动。为什么？

HTML代码：

<pre class="source-code"><code>sudo apt-get install git cmake build-essential libgcrypt11-dev libjson0-dev libcurl4-openssl-dev libexpat1-dev libboost-filesystem-dev libboost-program-options-dev binutils-dev</code></pre>

的CSS：

pre.source-code {
  font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; 
  color: #000000;
  background-color: #eee;
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
  overflow-x: scroll;
  width: 100%;
}

Answer 1

使用overflow-wrap: normal来防止线路自动换行。不确定为什么默认情况下它出现在word-break。