javascript - 防止 div 在动画容器内清除

标签 javascript jquery html css animation

我有一个水平的 jQuery 动画 slider ,效果很好,除了它的宽度开始减小,无论我如何设置 <divs>。在里面他们去换行。我希望他们保持在同一条线上来创造这种平滑的错觉。

这就是我的意思:jsfiddle

如何防止它们被清除?

最佳答案

使用max-width代替width:

 #container { max-width:500px; height:500px;border:2px dotted maroon; }
    .red, .blue, .green { display:inline-block;max-width: 250px; height:50px; margin:0 auto;}

这是 jsfiddle link

更新: 避免清除尝试 jsfiddle

关于javascript - 防止 div 在动画容器内清除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42679075/

相关文章:

javascript - Bootstrap : unable to make the div to be scrollable

javascript - 如何使用多个 CSS 属性?

javascript - 单击按钮时下载文件 jQuery

javascript - 如何使用 javascript/HTML 使通知闪烁

javascript - Vue 从 axios 调用返回数据对象到 Controller

javascript - Javascript 中的 OOP 原则

javascript - 替换文档正文中的所有单词不起作用

javascript - 查找附加图像的高度和宽度?

javascript - 如何使用javascript识别哪个按钮发出了请求

javascript - 如何使用 html 和 jquery 在 MAP 标签上放置标记?