CSS中的行间距

第一条线和第二条线之间有一条线间隙。如何删除它

ol{
颜色：#fff；
列表样式类型：十进制；
背景：#152a40；
宽度：100%；
保证金：50px自动；
填充：1.2em 30px 1.2em 75px；
线高：0；
}
欧利{
位置：相对位置；
字体：粗体斜体45px/1.5 Helvetica，Verdana，无衬线；
边缘底部：2px；
}
李平{
字体：15px/1.5 Helvetica，无衬线；
左侧填充：60px；
颜色：#eaeaea；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里。Fusce nec利奥乌特马萨酒店
维韦拉·维内纳蒂斯。南阿库姆桑自由党是一位精英，他是一位伟大的领袖。在洛勒姆的普尔文纳，康格维尔的圣骑士。变形金刚调味品多洛尔（Vivamus varius调味品），ultricies ipsum porta quis



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里

由于列表中的数字较大，因此第一行的行高较大。您可以通过添加

行高来解决此问题：1至
ol li

ol li {
  position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 2px;
  line-height: 1;
}

由于列表中的数字较大，第一行的行高较大。您可以通过添加
行高来解决此问题：1至
ol li

ol li {
  position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 2px;
  line-height: 1;
}

问题似乎在于
li
和
p
之间的
字体大小/行高。将
li
和
p
的
行高设置为更接近的值，或将
li
的
1
设置为更接近的值，并使用
margin
分隔
li
项


ol{
颜色：#fff；
列表样式类型：十进制；
背景：#152a40；
宽度：100%；
保证金：50px自动；
填充：1.2em 30px 1.2em 75px；
线高：0；
}
欧利{
位置：相对位置；
字体：粗体斜体45px/1 Helvetica，Verdana，无衬线；
边缘底部：40px；
}
李平{
字体：15px/1.5 Helvetica，无衬线；
左侧填充：60px；
颜色：#eaeaea；
}


Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里。这是维韦纳提斯岛上的一座城市。南阿库姆桑自由党是一位精英，他是一位伟大的领袖。在洛勒姆的普尔文纳，康格维尔的圣骑士。变形金刚调味品多洛尔（Vivamus varius调味品），ultricies ipsum porta quis



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里


问题似乎出在
li
和
p
之间的
字体大小/行高上。将
li
和
p
的
行高设置为更接近的值，或将
li
的
1
设置为更接近的值，并使用
margin
分隔
li
项


ol{
颜色：#fff；
列表样式类型：十进制；
背景：#152a40；
宽度：100%；
保证金：50px自动；
填充：1.2em 30px 1.2em 75px；
线高：0；
}
欧利{
位置：相对位置；
字体：粗体斜体45px/1 Helvetica，Verdana，无衬线；
边缘底部：40px；
}
李平{
字体：15px/1.5 Helvetica，无衬线；
左侧填充：60px；
颜色：#eaeaea；
}


Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里。这是维韦纳提斯岛上的一座城市。南阿库姆桑自由党是一位精英，他是一位伟大的领袖。在洛勒姆的普尔文纳，康格维尔的圣骑士。变形金刚调味品多洛尔（Vivamus varius调味品），ultricies ipsum porta quis



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里



Lorem ipsum dolor sit amet，是一位杰出的献身者。请在前庭前准备一个无前庭的房间。《奥古斯拍卖行》中的Nam quis justo。库拉比图尔·阿利奎特·奥奇坐在这座宫殿里


问题的根源在于列表项的计数器实际上是DOM节点的一部分：因此，增加其字体大小和行距实际上会影响第一行的外观

对于傻瓜式设置，您需要将计数器与实际的
内容隔离开来。为了做到这一点，我们可以使用

在父元素上声明一个自定义计数器（我们将其命名为
listCounter
）（在本例中为
），以便每次出现时都重置它，例如
计数器重置：listCounter
在嵌套的