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 の境界線もあり、デフォルトの行の高さに等しい負の上部マージンで削除した不要な空白の行がもう 1 行ありました。

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

Answer 2

スライダーに画像要素が含まれている場合、画像を に設定する必要がある場合がありますdisplay:block。また、例を示すことができれば、診断が容易になります。