怎么通过CSS来修改UL里LI之间的行间距呢?

html-css011

怎么通过CSS来修改UL里LI之间的行间距呢?,第1张

使用css语句:line-height

通过设置不同的line-height值得到不同间距。

代码:

效果:

扩展资料:

line-height的可以设置三种方式:像素,百分比,数值。

参考资料:w3school--line-height

可以使用 letter-spacing:*px来控制文字间距,*px是指间距像素

这个不仅可以用在li里,其它需要文字排版的地方都可以使用

举个例子:

.list li {width:200pxtext-align:centerheight:22pxline-height:22pxletter-spacing:5pxoverflow:hiddenclear:both}

说明.list li {li宽度200px 文字居中 li高度22px 行高22px 字间距5px 超出部份隐藏 清除}

margin距离 或者 line-height行高 应该是 <ul><li style="margin-bottom:20px"></li></ul> 或者 <ul><li style="line-height:20px"></li></ul> 当然两个意思不一样 第一个是li距离下面20像素 第二个是li内字符的行高 margin-bottom 也可以是margin-top, margin-left, margin-right