如何调整bxslider垂直对齐

Question

我正在使用 bxslider 在我的主页上创建一个简单的幻灯片。我在本地托管 bxslider.min.js 和 bxslider.css。一切正常，除了我的图像没有垂直居中 - 顶部有一条白色带，底部的标题被切断（例如here）。

通过阅读其他帖子，我尝试将以下内容添加到 CSS - （它最初不是一个类别）：

.bxslider-inner {
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}

我还尝试将 CSS 中标记为“margin”或“padding”的所有内容更改为 0，但没有任何效果（我知道 CSS 已连接，因为我可以更改其他参数）。

根据我的脚本：

模式：'水平'，

    speed: '5000',
    captions: true,
    pagerCustom: '#bx-pager',
    adaptiveHeight: true,
    slideWidth: 1000,
    slideMargin:0,
    auto: true,
    autoControls: false,

我在 HTML/CSS/JS 方面不是最先进的——所以我可能忽略了一些明显的东西。我已经做了好几天了，这让我发疯了，所以任何帮助都将不胜感激！

Answer 1

你的 ul.bxslider 有边距

尝试添加

.bxslider { 
 margin: 0;
}