Flexslider在幻灯片上方和下方添加空白区域

Question

有谁可以告诉我为什么会这样？我是新手，但我没有在flexslider.css中看到任何可能添加此空间的内容。谢谢！

Answer 1

我有同样的问题。似乎主要是由于从FlexSlider站点的示例html复制时的空白。

示例的格式如下：

<ul class="slides">
    <li>
        <img src="slide1.jpg" />
    </li>
</ul>

如果你像这样重新格式化......

<ul class="slides">
    <li><img src="slide1.jpg" /></li>
</ul>

......大部分不需要的空间都消失了。

默认情况下，.flexslider div上还有一个4px的边框，我还有一行不需要的空格，我删除了一个负上边距等于我的默认行高：

.flexslider {
    border: 0 !important;
    margin-top: -1.4em !important;
}

Answer 2

如果滑块包含图像元素，则可能需要将图像设置为display:block。此外，如果您可以提供示例，则诊断起来会更容易。