Css 设置溢出后有边距：隐藏div？

.d1{
高度：10px；
}
.dd{
显示：内联块；
溢出：隐藏；
}
.dd1{
显示：内联块；
}

如果您看一下，您可能会读到：

“内联块”的基线是其在正常流中最后一个行框的基线，除非其没有内联行框，或者其“溢出”属性的计算值不是“可见”，在这种情况下，基线是底部边距边缘

所以我们所知道的“基线”实际上与内联元素不同，内联元素的溢出不是可见的

要使它们直观地显示为内联，我相信您需要明确设置

vertical align

属性的样式：

.d1{
    height:10px;
}
.dd{
    display:inline-block;
    vertical-align: bottom;
    overflow:hidden;
}
.dd1{
    display:inline-block;
    vertical-align: bottom;
}

如果你看一下，你可能会读到：

“内联块”的基线是其在正常流中最后一个行框的基线，除非其没有内联行框，或者其“溢出”属性的计算值不是“可见”，在这种情况下，基线是底部边距边缘

所以我们所知道的“基线”实际上与内联元素不同，内联元素的溢出不是可见的

要使它们直观地显示为内联，我相信您需要明确设置

vertical align

属性的样式：

.d1{
    height:10px;
}
.dd{
    display:inline-block;
    vertical-align: bottom;
    overflow:hidden;
}
.dd1{
    display:inline-block;
    vertical-align: bottom;
}

试试这个

.d1 {
  display: flex;
  align-items: center;
}

.dd {
  overflow: hidden;
}

试试这个

.d1 {
  display: flex;
  align-items: center;
}

.dd {
  overflow: hidden;
}

---

对不起，我不明白你在干什么。尽量精确一点。我注意到一件事：在html中没有设置类

dd1

，但是在html中为该类定义了属性css@BastianSpringer我已经编辑过了。对不起，我不明白你在干什么。尽量精确一点。我注意到一件事：在html中没有设置类

dd1

，但是在html中为该类定义了属性css@BastianSpringer我已经编辑过了。