Html 减少<;李>;css中的元素

Html 减少<;李>;css中的元素,html,css,Html,Css,我需要减少li元素之间的垂直间距,但不能在li元素内。我曾尝试在css中使用“行高:75%”,但在有效的同时,它也降低了li中的行高,使项目符号中的两行文本重叠 .mb2{ 边际下限:28px; 保证金底部:1.8雷姆; } .中{ 文本对齐:居中 } .link1{ 颜色:黑色; 文字装饰:无; } #产品ul{ 文本对齐:左对齐; 字体大小:12px; 字体大小:0.8rem; 位置:相对位置; 左:-10px; } #产品李{ 位置:相对位置; 左:-5px; } 要点1 要点2 要

我需要减少li元素之间的垂直间距,但不能在li元素内。我曾尝试在css中使用“行高:75%”,但在有效的同时,它也降低了li中的行高,使项目符号中的两行文本重叠

.mb2{
边际下限:28px;
保证金底部:1.8雷姆;
}
.中{
文本对齐:居中
}
.link1{
颜色:黑色;
文字装饰:无;
}
#产品ul{
文本对齐:左对齐;
字体大小:12px;
字体大小:0.8rem;
位置:相对位置;
左:-10px;
}
#产品李{
位置:相对位置;
左:-5px;
}

  • 要点1
  • 要点2
  • 要点3
  • 各种产品类型的配件,跨越2条生产线
  • 更多附件类型的描述,这也跨越了一行多个字等等

您可以使用边距,因为边距是指元素的外部空间

li{
  margin: -1px 0;
}

为什么需要减少span内的真实间距rap文本并将行高设置为该span。请注意span必须具有
dispaly:block
。他可以使用边距,因为它可以删除垂直空格,这非常感谢。我将顶部和底部边距设置为正数5px,因为0或更低只是使线条之间没有空格。问题的原因是,默认情况下,项目符号间距是可以的,但对我来说有点太高了,并且将所有内容分散开来使阅读变得更困难,因为我有两个单独的表格,共有4个图像(即,它下面有一个类似的表格,上面有一个文本表格)。干杯