在CSS規(guī)則中，列表項(xiàng)間的間距經(jīng)常會(huì)讓網(wǎng)頁(yè)的排版顯得更為舒適和整潔。本文將向您介紹，在CSS中如何設(shè)置列表項(xiàng)之間的間距以及具體實(shí)現(xiàn)方法。
首先，我們需要了解CSS中如何設(shè)置文本之間的間距。在CSS中，可以使用“l(fā)ine-height”這個(gè)屬性來(lái)控制文本行與行之間的間距。例如，下面這條CSS代碼可以將文本行之間的間距設(shè)置為1.5倍行高：
pre {
line-height: 1.5;
}
那么，如何將上述方法應(yīng)用到列表項(xiàng)中呢？當(dāng)我們?cè)诰W(wǎng)頁(yè)中創(chuàng)建一個(gè)有序或無(wú)序列表時(shí)，每個(gè)列表項(xiàng)都被自動(dòng)包含在一個(gè)

標(biāo)簽中。因此，可以將上述CSS代碼應(yīng)用到這個(gè)

標(biāo)簽上，來(lái)設(shè)置每個(gè)列表項(xiàng)之間的間距。
例如，下面這條CSS代碼可以將每個(gè)有序或無(wú)序列表項(xiàng)之間的間距設(shè)置為1.5倍行高：
p {
line-height: 1.5;
}
有時(shí)候，我們希望整個(gè)列表和其他文本之間有更多的間距，這時(shí)候，我們可以使用“margin”屬性來(lái)增加列表和其他文本之間的距離。例如，下面這條CSS代碼可以將一個(gè)無(wú)序列表和其他文本之間的距離增加到20像素：
pre {
margin-top: 20px;
}
綜上所述，我們可以通過(guò)設(shè)置“l(fā)ine-height”屬性和“margin”屬性來(lái)控制列表項(xiàng)之間的間距。希望這篇文章能夠?qū)δ兴鶐椭?/div>

上一篇css控制滑動(dòng)條位置

下一篇css規(guī)則中aclorred的定義