在CSS中,p標(biāo)簽是用來標(biāo)記段落的,但是p標(biāo)簽?zāi)J(rèn)有一定的上下間隙。有時(shí)候我們希望將這個(gè)間隙去掉,讓段落之間更加緊密。下面就介紹幾種方法實(shí)現(xiàn)去掉p標(biāo)簽間隙。
p { margin: 0; /* 去掉上下間距 */ padding: 0; /* 去掉上下內(nèi)邊距 */ }
通過設(shè)置p標(biāo)簽的margin和padding屬性為0,即可去掉上下間隙。但需要注意的是,如果文本內(nèi)容為空,那么上下間距仍然會存在。
p { line-height: 1; /* 將行高設(shè)置為與字體大小相同 */ }
另一種方法是將p標(biāo)簽的行高設(shè)置為與字體大小相同,同樣可以實(shí)現(xiàn)去掉上下間隙。但是需要注意的是,如果給p標(biāo)簽設(shè)置了字體大小和行高都不相等的樣式,這種方法可能會出現(xiàn)問題。
p + p { margin-top: -10px; /* 將第二個(gè)p標(biāo)簽的上邊距去掉 */ }
如果是只想去掉相鄰的p標(biāo)簽間隙,可以使用相鄰兄弟選擇器。將第二個(gè)p標(biāo)簽的上邊距設(shè)置為負(fù)值,即可實(shí)現(xiàn)將兩個(gè)標(biāo)簽之間的間隙去掉。
至此,通過以上幾種方法,我們可以輕松地去掉p標(biāo)簽之間的上下間隙,使得網(wǎng)頁排版更加緊密。