CSS3 + jQuery图像转换

Question

我正在用CSS3和jQuery构建一个图像转换器，它将放大照片悬停并将照片宽度减少到悬停照片的右侧。除了第四张照片外，一切看起来都不错，在某些情况下不会发生在容器内部，反而会断裂，我不想这样做。

我该如何编写我的代码才能使其工作正常？

http://tinyurl.com/ncy2lqv

Answer 1

添加white-space:nowrap;到.start-images-container 并更改.start-imagefloat:left;到display:inline-block;。

这将导致所需的效果，但是inline-block;在图像之间产生不需要的空间。有关信息，请参阅此文章。 http://css-tricks.com/fighting-the-space-between-inline-block-elements/

tldr;删除div的

之间的空格