css - 设置溢出后有边距：隐藏的div？

Question

.d1 {
  height: 10px;
}

.dd {
  display: inline-block;
  overflow: hidden;
}

.dd1 {
  display: inline-block;
}

<div class="d1">
  <div class="dd"></div>
  <div class="dd1"></div>
</div>

取消设置溢出dd并且dd1在同一行。但如果设置两个 div 的高度不相等。

标签： css

Answer 1

尝试这个

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

.dd {
  overflow: hidden;
}