1-<pre>標(biāo)簽意為 preserve，保留內(nèi)部文本的換行和空格；

2-pre標(biāo)簽內(nèi)，文字不論怎么連續(xù)使用空格是如何顯示？

3-用 pre 作為文本換行工具的如何使用？

4-pre換行的缺陷有幾種情況？

下面測(cè)試開(kāi)始

1-正常的h1,p,div,pre內(nèi)的文字如果有空格如何顯示？請(qǐng)看下圖

其實(shí)，誒個(gè)標(biāo)簽貌似可以顯示空格。

但是多行后如何顯示？請(qǐng)看下圖

多行后，只有pre標(biāo)簽的顯示了分行，其他的在一行里。

2-pre標(biāo)簽內(nèi)空格數(shù)量不同時(shí)候如何顯示，請(qǐng)看下圖

但行顯示沒(méi)有問(wèn)題，多行如何？請(qǐng)看下圖

多行的時(shí)候發(fā)現(xiàn)對(duì)于文字前的空行會(huì)顯示，而且，原以為自動(dòng)換行的文字前空位，其實(shí)也是作為空格顯示的，這就，嗯有點(diǎn)點(diǎn)意思了，代碼前的標(biāo)簽前面的空格是為了美觀(guān)？這是代碼的美學(xué)？值得咨詢(xún)下，這個(gè)后面再說(shuō)

3-試了下用pre包裹別的標(biāo)簽，看看顯示如何，請(qǐng)看下圖

出乎意料，每個(gè)段之間的行間距巨大，原因不懂，我問(wèn)問(wèn)朋友在后面總結(jié)吧

反向包裹以下會(huì)如何？做個(gè)對(duì)比，

對(duì)比發(fā)現(xiàn)行間距不一樣，看來(lái)有學(xué)問(wèn)在里面，無(wú)用的問(wèn)題又增加了。

4-關(guān)于pre的缺陷

咨詢(xún)得來(lái)的答案。

（僅為個(gè)人自學(xué)的一點(diǎn)點(diǎn)思考，如有錯(cuò)漏，歡迎留言指正）

這篇文章的代在這里：

https://app.yinxiang.com/fx/0591112a-d635-4220-8d92-1ac7bf6a8aad