聯(lián)調(diào)時(shí)候，瀏覽器將多個(gè)空格合并為一個(gè)空格了。
這是因?yàn)槲覀冊(cè)诰帉?xiě)HTML的時(shí)候，會(huì)有一個(gè)默認(rèn)屬性:white-space:normal;
white-space:normal;在CSS中表示，合并空白字符，允許自動(dòng)換行颅湘。
同樣的white-space還有其他幾個(gè)屬性：
nowrap:表示合并空白字符，不允許換行
pre-line:合并空白字符(不包括換行符),允許自動(dòng)換行
pre:不合并空白字符栗精，不允許自動(dòng)換行
pre-wrap:不合并空白字符栅炒，允許自動(dòng)換行
解決方法
- 使用CSS屬性white-space:pre;
這個(gè)方法可能破壞原有的樣式，不建議使用
- 使用語(yǔ)義化標(biāo)簽<pre></pre>
這種方法會(huì)將輸入的字符原樣展示，目前沒(méi)有見(jiàn)到破壞CSS樣式
