Question

我正在使用基于javascript / css的flexslider作为将“幻灯片放映”合并到简单网页中的简单方法。

然而，“当前”图像不在flexslider div框内居中;并且“当前”图像（example of the problem）左侧仍然可以看到“上一张”图像的一部分。

对我做错了什么的想法？

Answer 1

首先，对您的网站应用css-reset。

内容（图像）的宽度为844px，但插件计算的li宽度为900px。这是因为插件可能还会计算默认情况下浏览器应用的li的边距/填充。（为了通过firebug进行测试，只需移除900px宽度。您将获得居中的内容。）

感谢。

Answer 2

尝试在滑块功能中添加以下选项：

 $('.flexslider').flexslider({
    animation:"slide",
    controlsContainer: ".flex-container",
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 0,                  //{NEW} Integer: Margin between carousel items.
});

将itemWidth更改为容器宽度，即：844px

干杯

flexslider图像不居中

2 个答案: