我正在构建一个带有CSS3和jQuery的图像转换器,可以放大照片的悬停,并将照片的宽度缩小到悬停照片的右侧。除了第四张照片之外,一切看起来都不错,在某些情况下不会在容器内发生,而是会断线,我不想这样做。
我应该如何编写代码才能使其正常工作?
答案 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的
之间的空格