关于如何在 CSS 中实现网格视图的任何想法?- CSS [英] Any ideas on how I could implement a grid-view in CSS? - CSS

问题描述

这是一个网格视图示例:

也是来自 TED.com 的另一个例子

关于如何在 CSS 中实现这样的动态网格有什么想法吗?

我想这可能与将框划分为带有 float:left 样式的单元有关，如果在框边框上，每个单元都会有一个边框.

I guess it might have something to do with dividing the box in units styled with float:left, and each unit would have a border if on a boxes border.

非常感谢您的帮助 =)

Help would be very appreciated =)

推荐答案

我在过去通过 David Desandro 的出色jQuery Masonry 插件.正如该页面所示，CSS 浮动对于网格布局来说并不是那么好，根据网格的复杂性和单元格大小的范围，设置像您​​描述的单位"可能是一件令人头疼的事.

I've achieved a similar grid in the past with David Desandro's awesome jQuery Masonry plugin. As that page illustrates, CSS floats aren't so great for grid layouts, and setting up "units" like you describe could be a massive headache, depending on the complexity of the grid and range of cell sizes.

这篇关于关于如何在 CSS 中实现网格视图的任何想法?- CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！