0

请查看我正在开发的当前站点：http: //debourg-dev.ch/eliterent/对于底部品牌徽标滑块，我使用的是 bxslider。我想知道是否有办法使幻灯片（徽标）居中并防止 bxslider '半显示'徽标，因为根据查看它的分辨率，有时它会显示一个裁剪的徽标，如果它不能将它们全部放入屏幕。理想情况下，我只希望它完整显示可以适合当前窗口的徽标。

非常感谢

4

2 回答 2

5

li通过调整删除它很容易将每个图像居中：

.bx-wrapper img {
    display: block;
}

并添加：

.bx-wrapper li {
    text-align: center;
}

但我认为你在种植问题上不走运。我打算建议在lis 上设置一个 % 宽度，但这会将它们设置为与ul非常宽的 s 相关，所以这不起作用。不过，您可能可以使用 JS 来做到这一点。

于 2013-06-02T13:36:18.310 回答
2

为了摆脱裁剪并使幻灯片适合任何分辨率，您需要知道幻灯片的宽度和边距，然后您可以使用 bxslider 容器的宽度计算 maxSlides。

Math.floor($('#container').width() / (slide_width + slide_margin));

查看工作示例

于 2014-12-17T15:32:35.997 回答