2017-03-08 47 views
0

我有一个水平的jQuery动画滑块,它的工作效果很好,除了它的宽度开始减小,无论我如何在内部设置<divs>他们去换行符。我希望他们留在同一条线上来创造这种顺利的错误。防止div在动画容器内清除

这里就是我的意思是:jsfiddle

如何防止它们清除?

回答

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 link

UPDATE: 避免尝试明确jsfiddle

+0

感谢您的回答。我一定不清楚。我希望他们采取行动,就好像“明确:都是” –

+0

在你的例子中,只要没有空间,他们就会在对方下面“崩溃”,如果这是正确的术语 –

+0

,那就是我想要的。 –