Flexslider在幻燈片上方和下方添加空白

Question

有誰能告訴我爲什麼這可能是？我是新手，但我沒有看到flexslider.css中可以添加此空間的任何內容。謝謝！

Answer 1

如果您的滑塊包含圖像元素，則可能需要將圖像設置爲display:block。另外，如果你可以提供一個例子，它將更容易診斷。

Answer 2

我有同樣的問題。似乎主要是由於從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; 
}