我想在一行中有 3 个 div/图像(管理员有 div，结果页面有图像)，其中有 8 个或更多/更少(它是动态的)。
我使用了 column-count，效果很好，但我遇到了一些问题。
- 首先是支持，因为我必须针对 IE7 对其进行优化。
- 其次是它如何显示图像(从上到下而不是从左到右)。
- 第三个问题是当您有 4、7、10、13、16 等图像时。
我不想使用 float 。有什么办法让它响应吗？所以基本上，div 的最大大小为 XXXpx，并且在调整页面大小时它会调整大小而不是仅仅下降到另一行？
...
http://jsfiddle.net/xabxt3re/1/
有时它不会让您调整右侧的大小，只需关闭页面并再次打开即可。应该管用。奇怪的 JSFiddle 问题。此外，在您单击此处后，它会在末尾添加新图像，因此您可以观察我想要避免的行为。
所以基本上，有什么方法可以在一行中放置 3 个 div/图像，以便在浏览器窗口不够宽时调整它们的大小，而不是放到另一行？ 或者固定列数显示图像的顺序以及它如何用 2 张图像填充前两列而不是平均分布？
附注:如果有人对我的问题投反对票，您至少可以告诉我原因吗？所以我可以改进它并为下次学习？因为这真的很烦人。我提供了所有详细信息，甚至提供了我所拥有的代码。
感谢您的修改建议。我在链接后添加了空格，但我忘记了您必须添加 2 个空格才能创建一个....
最佳答案
请看这个jsfiddle Demo .它应该工作到 IE8。对于 IE7，请查看此博客文章。 http://uncorkedstudios.com/blog/how-to-fix-the-ie7-and-inlineblock-css-bug
尝试更改 jsfiddle 中 .main 类的 width
关于html - 一行 3 个 div，响应式(更改 div 大小而不是放到新行)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27185355/