【问题标题】:CSS3+jQuery image transformCSS3+jQuery 图像变换
【发布时间】:2023-03-08 17:40:01
【问题描述】:

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

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

http://tinyurl.com/ncy2lqv

【问题讨论】:

    标签: jquery html image css


    【解决方案1】:

    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 之间的空格

    【讨论】:

      猜你喜欢
      • 2014-06-22
      • 2011-09-17
      • 2015-02-17
      • 2012-07-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-09
      相关资源
      最近更新 更多