【问题标题】:Bxslider Unwanted Top & Bottom White SpaceBxslider 不需要的顶部和底部空白
【发布时间】:2014-07-21 22:44:41
【问题描述】:

我不确定滑块顶部和底部的多余空白是从哪里来的。是填充还是边距?如果有人可以帮助我,将不胜感激。

jsfiddle.net/fH3EL

【问题讨论】:

    标签: whitespace margin padding bxslider


    【解决方案1】:

    这是因为 bx-slider CSS 文件。 Bx-slider 为您的 bxslider 增加了 5px 的边距

    您必须编辑 this CSS file 并进行此更改

    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 0px;
        left: -5px;
        background: #fff;
    }
    

    查看Fiddle

    【讨论】:

    • 你摇滚!感谢您及时的回复。我认为这是我的 CSS 中缺少的东西。
    • 我也有同样的问题...现在图像和视口之间存在间隙。当我得到解决方案时,我会尝试整理并编辑我的评论。找不到问题,但 .bx-wrapper img { margin-top: -16px } 现在会解决它。