CSS中的空白是指HTML文檔中的空格、回車符、縮進(jìn)和序列。在HTML文本中,存在很多不必要的空白,但是我們又不能將這些空白全部刪除,否則會(huì)影響文本的可讀性和結(jié)構(gòu)。在CSS中,我們可以使用下列方法去除不必要的空白。
/* 第一種方法 */ p { font-size: 0; line-height: 0; } /* 第二種方法 */ p { margin: 0; padding: 0; } /* 第三種方法 */ p { text-indent: -1em; margin: 0; } /* 第四種方法 */ p { letter-spacing: -.25em; margin: 0; }
第一種方法是將段落(p)的字體大小(font-size)和行高(line-height)都設(shè)為零。由于HTML文本中的空白沒有字體大小和行高,所以段落中的所有空白都將被移除,但是文字和其他內(nèi)容將依舊顯示。
第二種方法是去除段落(p)中的外邊距(margin)和內(nèi)邊距(padding)。這個(gè)方法不會(huì)影響段落中的文本內(nèi)容,但是如果有外邊距(margin)或內(nèi)邊距(padding)的需求,這個(gè)方法會(huì)出現(xiàn)問題。
第三種方法是利用文本縮進(jìn)(text-indent),將段落中的第一行空白縮進(jìn),這個(gè)方法可以同時(shí)處理段落中的所有空白,并且不會(huì)影響段落中的其他內(nèi)容。但是請(qǐng)注意,需要根據(jù)段落的字體大小和行高來調(diào)整縮進(jìn)的距離。
第四種方法是利用字母間距(letter-spacing)調(diào)整段落中所有字符的間距,將空白字符的間距減小到最小,這個(gè)方法可以同時(shí)處理段落中的所有空白,但是有時(shí)會(huì)影響文本的可讀性。