0

我想创建一个简单的流体布局，其中 4 列等宽，一旦视口低于特定宽度，下降到 3 列等宽，然后在进一步指定的视口宽度下下降到 2 列等宽。当一列脱落时，它应该下降到下一行，从而显示在原始列的下方。

关于如何实现这一点的任何指针或带有彩色 div 的简单小提琴将是最有帮助的！

谢谢德文

4

4 回答 4

1

一个一般的例子：http ://dabblet.com/gist/2996934

于 2012-06-26T16:36:06.783 回答
1

您可以使用 CSS 设置列 (div) 宽度，但是当窗口具有一定宽度时，您将需要 javascript 来完成切换到 3 或 2 列的部分。单独的 CSS 并没有内置这种逻辑。

于 2012-06-26T15:42:51.950 回答
0

感谢您提供的所有有用的指示。这是一个简单的小提琴说明如何实现它：jsfiddle.net/Paulie_D/QFhh9

于 2012-06-27T12:05:09.293 回答
0

看看这个圣经样本

如果您愿意并且有能力，请查看新标准如何在 css 列数方面取得进展：http: //1plusdesign.com/articles/the-future-of-newspaper-column-style-layout-with-css-3/

于 2012-06-26T16:44:05.263 回答