【发布时间】:2023-03-08 17:40:01
【问题描述】:
我正在使用 CSS3 和 jQuery 构建一个图像转换器,它将放大悬停的照片并减小悬停照片右侧的照片宽度。除了第四张照片外,一切看起来都不错,在某些情况下不会发生在容器内,而是会断线,我不希望这样做。
我应该如何编写代码才能正常工作?
【问题讨论】:
我正在使用 CSS3 和 jQuery 构建一个图像转换器,它将放大悬停的照片并减小悬停照片右侧的照片宽度。除了第四张照片外,一切看起来都不错,在某些情况下不会发生在容器内,而是会断线,我不希望这样做。
我应该如何编写代码才能正常工作?
【问题讨论】:
将white-space:nowrap; 添加到.start-images-container
并将.start-image 中的float:left; 更改为display:inline-block;。
这将产生想要的效果,但是 inline-block;在图像之间创建不需要的空间。有关信息,请参阅本文。 http://css-tricks.com/fighting-the-space-between-inline-block-elements/
tldr;删除 div 之间的空格
【讨论】: