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

【问题标题】：Flexslider adding white space above and below slidesFlexslider 在幻灯片上方和下方添加空白区域
【发布时间】：2013-02-20 10:01:28
【问题描述】：

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

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案2】：

如果您的滑块包含图像元素，您可能需要将图像设置为display:block。另外，如果你能提供一个例子，它会更容易诊断。

【讨论】：