解決辦法? 給pre標簽加上樣式 display:flex;? 加上樣式以后避免里面的標簽都在同一行，內層可以包裹一個div? 完美！

而且對于<pre>代碼塊風格，標簽前面留多少個空格，在顯示效果中就會留多少個空格

補充：原因則是在ff,chrome當中（在IE上會屏蔽掉）會將代碼中的換行或空格解析為==空文本節(jié)點==，所以也就出現(xiàn)了我們所不期望需要的空格。

樓上答非所問，我也好奇為什么有那么大間距，這里有enter的因素，還有空格產(chǎn)生間距，去掉就對了，但不美觀

行高是1.4285，也就是紅色框的高度，18px是li的高度，字號是13px。 你可以在瀏覽器中按F12改變行高看看紅色框的高度是否變化，我試的紅色框就是行高。

line-height:?1.42857143