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

问题描述

下面是一个例子网格视图：

又来自TED.com的另一个例子

我如何可以去有关CSS？实施动态网格像这样的任何想法

我猜它可能是与分包装盒与浮动风格的单位：左，每个单位将有一个边界，如果在一个盒子边框

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 =)

推荐答案

我所取得的成绩，在过去类似的网格与大卫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屋！