Flexslider图像尺寸 - 自动调节流体宽度？

Posted 2021-04-12

我已经安装了Flexslider的基本版本。我删除了与div ID =“main”相关的css，以便滑块可以在我的页面上伸展。

但是，图像不会根据新宽度进行调整。

This is what I mean.

我更改了width属性：

.flexslider .slides img 

这确实会改变宽度，但图像仍然不会自动对齐以从滑块开始的左侧开始。仍然存在一种图像重叠。

需要在CSS中进行哪些更改才能使它们对齐？ FlexSlider仅适用于固定图像大小，而不适用于流畅的布局吗？

答案

我所做的是将带有类的跨度包含在图像标记中

<span class="className"><img src="images/slideImage-1.jpg"></span>

然后在我添加的CSS中

.flexslider .slides .className img{
width: 244px;

}

希望有所帮助