为什么我的无序列表下面有额外的空间？

Question

除了幻灯片中的内容之外，this test site上的this site上的滑块与{{3}}上的滑块相同，并且这两个站点都运行最新的WordPress安装。

出于某种原因，我注意到后一个站点（不是测试站点）上的<ul class="slides"></u>在clearfix之前的底部有额外的空间。该空间不是来自列表项。移动浏览器的额外空间比桌面更明显。我不知道是什么导致它，或如何摆脱它。

Answer 1

这是因为你在第二张幻灯片上有很长的头衔（随机午间热度：冬天即将到来，所以Scoot有点靠近，宝贝。），占据两行

您可以通过添加以下内容来剪切标题：

.headline {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}