Html 内部跨度导致的Css盒未对准？

我创建了一组颜色框，但当其中一些颜色框有内部跨距，而其他颜色框没有时，它们的对齐方式会被破坏。注意：内部跨距包含字体为0/0A的文本；财产。因此，我很难理解为什么会发生这种情况

代码可在此处找到：

.cf\u过滤器\u列表{
填充内联开始：0；
边距内联开始：0；
}
.cf_colorbtn_列表li{
显示：内联块；
填充：0px！重要；
位置：相对位置；
}
cf\u过滤器\u列表li.cf\u选项{
文字装饰：无；
填充物：1px 5px；
}
.cf\u颜色\u btn{
显示：内联块；
宽度：2米；
框大小：边框框；
填充：0px！重要；
边框：1px实心#999；
保证金：2px4px4px2px！重要；
}
.cf\u隐藏的\u文本{
字体：0/0A；
颜色：透明！重要；
}
.cf\u颜色\u内部{
高度：1.8em；
显示：内联块；
浮动：左；
保证金：0px！重要；
填充：0px！重要；
}

添加

垂直对齐：顶部打开
.cf\u colorbtn\u列表li


.cf\u过滤器\u列表{
填充内联开始：0；
边距内联开始：0；
}
.cf_colorbtn_列表li{
显示：内联块；
填充：0px！重要；
位置：相对位置；
垂直对齐：顶部；
}
cf\u过滤器\u列表li.cf\u选项{
文字装饰：无；
填充物：1px 5px；
}
.cf\u颜色\u btn{
显示：内联块；
宽度：2米；
框大小：边框框；
填充：0px！重要；
边框：1px实心#999；
保证金：2px4px4px2px！重要；
}
.cf\u隐藏的\u文本{
字体：0/0A；
颜色：透明！重要；
}
.cf\u颜色\u内部{
高度：1.8em；
显示：内联块；
浮动：左；
保证金：0px！重要；
填充：0px！重要；
}







添加
垂直对齐：顶部打开
.cf\u colorbtn\u列表li


.cf\u过滤器\u列表{
填充内联开始：0；
边距内联开始：0；
}
.cf_colorbtn_列表li{
显示：内联块；
填充：0px！重要；
位置：相对位置；
垂直对齐：顶部；
}
cf\u过滤器\u列表li.cf\u选项{
文字装饰：无；
填充物：1px 5px；
}
.cf\u颜色\u btn{
显示：内联块；
宽度：2米；
框大小：边框框；
填充：0px！重要；
边框：1px实心#999；
保证金：2px4px4px2px！重要；
}
.cf\u隐藏的\u文本{
字体：0/0A；
颜色：透明！重要；
}
.cf\u颜色\u内部{
高度：1.8em；
显示：内联块；
浮动：左；
保证金：0px！重要；
填充：0px！重要；
}







在您的
cf\u过滤器列表上使用
display:flex
-flex盒很容易使用，并且经过了修改

在这里阅读更多关于它的信息

MDN flex信息


.cf\u过滤器\u列表{
填充内联开始：0；
边距内联开始：0；
显示器：flex；
}
.cf_colorbtn_列表li{
显示：内联块；
填充：0px！重要；
位置：相对位置；
}
cf\u过滤器\u列表li.cf\u选项{
文字装饰：无；
填充物：1px 5px；
}
.cf\u颜色\u btn{
显示：内联块；
宽度：2米；
框大小：边框框；
填充：0px！重要；
边框：1px实心#999；
保证金：2px4px4px2px！重要；
}
.cf\u隐藏的\u文本{
字体：0/0A；
颜色：透明！重要；
}
.cf\u颜色\u内部{
高度：1.8em；
显示：内联块；
浮动：左；
保证金：0px！重要；
填充：0px！重要；
}







在您的
cf\u过滤器列表上使用
display:flex
-flex盒很容易使用，并且经过了修改

在这里阅读更多关于它的信息

MDN flex信息


.cf\u过滤器\u列表{
填充内联开始：0；
边距内联开始：0；
显示器：flex；
}
.cf_colorbtn_列表li{
显示：内联块；
填充：0px！重要；
位置：相对位置；
}
cf\u过滤器\u列表li.cf\u选项{
文字装饰：无；
填充物：1px 5px；
}
.cf\u颜色\u btn{
显示：内联块；
宽度：2米；
框大小：边框框；
填充：0px！重要；
边框：1px实心#999；
保证金：2px4px4px2px！重要；
}
.cf\u隐藏的\u文本{
字体：0/0A；
颜色：透明！重要；
}
.cf\u颜色\u内部{
高度：1.8em；
显示：内联块；
浮动：左；
保证金：0px！重要；
填充：0px！重要；
}







似乎有效。当内部文本的字体大小为0时，您知道为什么跨度占用垂直空间吗？似乎可以。当内部文本的字体大小为0时，您知道为什么跨度占用垂直空间吗？