当没有足够的垂直空间时,将图像对齐(如列)

时间:2011-06-30 12:27:51

标签: css

当没有足够的垂直空间让下一个图像显示在父div中时,我正在尝试使图像向右(如列)排序。

仅使用css是否可以实现?还是我注定要用桌子? 请注意,图片需要按照所示顺序排列。

当前的样子。

我希望它看起来如何。

调整窗口大小时

编辑:更新了第二张图片,以便更好地展示我正在寻找的内容。

1 个答案:

答案 0 :(得分:0)

使用css并将该类添加到元素中。

.img_holder{
    float:left;
    display:inline; 
}

在橙色容器div上使用:

.imgs{    
    overflow:hidden;
}