如何消除无序列表中每个列表项之间的差距?

时间:2012-04-07 20:44:46

标签: html css html-lists

每当我创建一个无序列表时,每个列表项下面都会留有一个间隙。

我该怎么做才能删除它?

已经尝试过了 的 margin : 0   ul li 上的 padding : 0 。 CSS重置

  

*{ margin : 0; padding: 0 }

似乎也不起作用。

如果是水平列表,通常可以删除间隙。但是当我想要一个垂直列表时,我不知道如何实现这一点。

1 个答案:

答案 0 :(得分:3)

  

@ j08691 @developdaly:我已经在每个<li>中放置了图像。   这可能是问题吗? - maxxon15 6分钟前

是。是的,它可以。

添加此CSS以消除差距:

img {
    vertical-align: top;
}

差距不在每个li之下,它们低于每个img