css控制列表行距 |css无效果

如果你想要调整列表元素之间的距离，CSS中提供了一种简单的方法来实现。可以使用line-height属性。line-height属性指定了行高，即每一行的高度。当列表元素中的文字比行高小的时候，就会有空白出现。

ul{
line-height: 1.5; /* 1.5倍行高 */
list-style: none; /* 去掉列表样式 */
}

在上面的代码中，大家将ul元素的行高设置为1.5倍的默认行高。这样，列表元素之间的距离就会变大，间距也会变宽。

为了在列表中保持一致的间距，大家可以将line-height属性设置成与字号相同的值。这样，字母之间的距离和行与行之间的距离就相同了：

ul{
font-size: 14px; /* 字体大小 14 像素 */
line-height: 14px; /* 行高 14 像素 */
list-style: none; /* 去掉列表样式 */
}

现在你可以轻松地控制列表元素之间的距离，使它们在看起来更加美观，让用户更加轻松地查看。这是一项有用的技能，可以让你更加深入地了解CSS的使用。