jQuery循環插件-使用div作為幻燈片時幻燈片填充消失

Question

我正在重新設計網站，並從jquery循環升級到jquery循環2。我將該循環用作最新新聞/事件，因此我的每張幻燈片都是一個div，其中包含用作鏈接的圖像。

http://www.fbclovis.com/newsite

但是，您將看到，圖像位於容器div的左上角，而不是居中。 我已將容器填充設置為15px，這會使事情變得很漂亮，但被忽略了。 僅當我將“數據循環幻燈片”循環選項設置為“> div.promo”時，才會出現此問題。 如果我只是在divs之外有圖像，它的行為就很好。 如果我將幻燈片的邊距設置為15px並將容器的填充設置為0px，也可以使用-但這不是正確的編碼，我想嘗試保持語義。

那么，為什么jquery cycle 2忽略了幻燈片容器的填充？

Answer 1

您的html標記中有錯誤，請參閱結束>不在應有的位置。 如果您找不到問題，請在此處發布您的html。

<div id="main">
    <div id="main-content" class="content-section">
        <div id="promo-cycle" class="cycle-slideshow"
            data-cycle-fx="fade"
            data-cycle-timeout=4000
            data-cycle-slides="> div.promo"
            data-cycle-caption="#custom-cycle-caption"
            data-cycle-caption-template="<span class='caption-title'>{{title}}</span><br /><span class='caption-desc'>{{desc}}</span>"
            data-cycle-center-horz=true
            data-cycle-center-vert=true
        >
            <div class="cycle-pager"></div>