CSS中ul li設(shè)置行距的方法如下:
1、在ul元素中定義li元素,每個li元素代表列表中的一個項目。
2、使用CSS中的line-height屬性來設(shè)置li元素之間的行距,line-height屬性定義了行框的***小高度,即字體大小加上上下間距。
3、如果想要調(diào)整整個列表的行距,可以在ul元素上設(shè)置line-height屬性,ul { line-height: 2; }將會使ul元素中的所有l(wèi)i元素之間的行距變?yōu)樽煮w大小的2倍。
4、如果想要調(diào)整單個li元素的行距,可以在該元素的樣式中設(shè)置line-height屬性,li:nth-child(2) { line-height: 3; }將會使第二個li元素的行距變?yōu)樽煮w大小的3倍。
需要注意的是,line-height屬性的值可以是具體的像素值,也可以是相對于字體大小的倍數(shù),該屬性的值不能小于字體大小,否則將無法看到行距效果。
除了使用line-height屬性設(shè)置行距外,還可以使用margin屬性來增加li元素之間的空間,與line-height不同,margin屬性增加的空間是透明的,并且不會增加文本的行高,在需要保持文本行高不變的情況下,使用margin屬性來增加空間可能更為合適。