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

时间:2012-07-28 19:21:14

标签: css image layout slider flexslider

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

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

This is what I mean.

我改变了宽度属性:

.flexslider .slides img 

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

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

1 个答案:

答案 0 :(得分:0)

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

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

然后在我添加的CSS中

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

}

希望有所帮助