CSS3 + jQuery图像转换

时间:2014-01-11 19:29:25

标签: jquery html image css3

我正在构建一个带有CSS3和jQuery的图像转换器,可以放大照片的悬停,并将照片的宽度缩小到悬停照片的右侧。除了第四张照片之外,一切看起来都不错,在某些情况下不会在容器内发生,而是会断线,我不想这样做。

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

http://tinyurl.com/ncy2lqv

1 个答案:

答案 0 :(得分:0)

white-space:nowrap;添加到.start-images-container 并将float:left;中的.start-image更改为display:inline-block;

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

tldr;删除div的

之间的空格