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

而且對(duì)于<pre>代碼塊風(fēng)格，標(biāo)簽前面留多少個(gè)空格，在顯示效果中就會(huì)留多少個(gè)空格

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

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

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

line-height:?1.42857143