防止DIV在动画容器中清除

Question

我有一个水平的jQuery动画滑块，除了它的宽度开始减小之外，无论我如何在内部设置<divs>，它们都可以进入NewLine。我希望他们留在同一条线上以创建这种平稳的幻觉。

这是我的意思：jsfiddle

如何防止它们清理？

Answer 1

使用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链接

更新：要避免清除尝试JSFIDDLE