CSS 空间起源未知

Question

我正在尝试与某人一起解决这个问题，但我们未能解决这个问题。

当媒体查询启动时 .entry 变成 display: table; 和 .entry-wrap 和 .entry-footer 变为 display: table-cell。

问题是表格布局开始后有一个空格，我不知道为什么它在那里以及如何让它消失。

我已将设计上传到此处 [链接已删除设计尚未公开]。

Answer 1

请将以下内容添加到您适当的媒体查询中:

.entry-wrap {
   display: table-cell;
   vertical-align: top; /* <- add this line */
}

最后你也可以添加这个:

.entry-footer {
   display: table-cell;
   vertical-align: bottom; /* <- add this line */
   width: 190px;
   background-color: #489eba;
}