css - Flexslider 图像大小 - 自动调整为流体宽度?

标签 css image layout slider flexslider

我已经安装了 Flexslider 的基本版本。我删除了与 div ID="main"相关的 css,以便 slider 可以在我的页面上拉伸(stretch)。

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

This is what I mean.

我更改了宽度属性:

.flexslider .slides img 

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

需要在 CSS 中更改什么才能使它们对齐? FlexSlider 是否仅适用于固定图像尺寸,而不适用于流体布局?

最佳答案

我所做的是将带有类的跨度包装到图像标签

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

然后在我添加的CSS中

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

希望对你有帮助

关于css - Flexslider 图像大小 - 自动调整为流体宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11703948/

相关文章:

java - 自定义布局,onMeasure/onLayout不断调用

javascript - Bootstrap 可折叠菜单不起作用

html - 正文莫名比设置为100%的内容宽

html - Bootstrap 表格和列不对齐

python - 如何使用 Python OpenCV 裁剪图像上的每个字符?

jquery - 如何为组分配点击功能

android - ImageView 和 TextView 左右对齐怎么办?

css - 是否可以在IE6/7/8中应用RGBA边框?

html - 表格单元格不占 100% 高度

html - 使用 srcset 和 sizes 对响应式图像感到完全迷失