Html 如何收紧行与行之间的边距？

我试着在两行之间画一个空格，一个负的边距适用于左/右边距，但不适用于上/下边距

.center{
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.记录{
最大宽度：100px；
最大高度：50px；
}
#包装部{
显示：内联块；
填充：.1em；
边框：1px纯黑；
最小宽度：5px；
最小高度：5px；
保证金：-3px；
背景色：白色；
游标：默认值；
}

---

将容器转换为网格，您可以控制每行需要多少项，以及行和列之间需要多少空间。我将行设置为

网格行间距：5px

：

html，正文{
身高：100%；
}
身体{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.电网{
最大宽度：120px；
显示：网格；
网格模板行：自动；
网格模板列：重复（12，1fr）；
网格行间距：5px；
}
#包装部{
边框：1px纯黑；
最小宽度：10px；
最小高度：10px；
}

---

添加

行高：0.7到您的分区类


.center{
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.记录{
最大宽度：100px；
最大高度：50px；
线高：0.7；
}
#包装部{
显示：内联块；
填充：.1em；
边框：1px纯黑；
最小宽度：5px；
最小高度：5px；
保证金：-3px；
背景色：白色；
游标：默认值；
线高：0.7；
}
我在包装器类中添加了
float:left
属性，它成功了


.center{
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.记录{
最大宽度：100px；
最大高度：50px；
}
#包装部{
浮动：左；
显示：内联块；
填充：0.1米；
边框：1px纯黑；
最小宽度：5px；
最小高度：5px；
填充：0.1米；
背景色：白色；
游标：默认值；
空白：0；
}
你的最终结果应该是什么样的？因为您最好只使用
display:flex；柔性流：行换行部分
上添加code>，并在
div
s上去掉
边距
。