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的

之間的空格