CSS空白折疊現(xiàn)像6是指當(dāng)兩個(gè)塊級元素之間沒有任何內(nèi)容或 只有空格、換行符等空白字符時(shí)，這些空白字符會(huì)被折疊成一個(gè)空格進(jìn)行顯示，從而導(dǎo)致間距縮小或消失的現(xiàn)象。

<div>
<p>This is some text.</p>
<p>This is some other text.</p>
</div>

以上代碼中，<div>和第一個(gè)<p>之間沒有任何空白字符，因此它們之間的間距不會(huì)受到折疊現(xiàn)象的影響。而第一個(gè)<p>和第二個(gè)<p>之間有一個(gè)回車符以及若干個(gè)空格，這些空白字符會(huì)被折疊成一個(gè)空格，因此它們之間的間距會(huì)變小。

為了避免這種折疊現(xiàn)象帶來的影響，可以在相鄰元素之間加上一些特殊字符，如 、&nbsp;、<br>等，從而讓空白字符得到正確的顯示。實(shí)際開發(fā)中，由于這種折疊現(xiàn)象比較常見，因此可以使用CSS樣式來避免它的出現(xiàn)：

/* 解決空白折疊現(xiàn)象 */
p {
margin: 0;
padding: 0;
white-space: pre-wrap;
}

以上樣式中，white-space: pre-wrap;是關(guān)鍵所在，它會(huì)讓元素保留換行符和空格，從而避免空白折疊現(xiàn)象的出現(xiàn)。