flexslider - 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. 另外，如果你能提供一个例子，它会更容易诊断。