7

我希望根据具有以下要求的灵活网格布置仪表板:

  • 总宽度是可变的,并且必须始终适合屏幕,即使在调整大小时
  • 单元格可以合并
  • 所有列都应具有相同的大小(例如,3 列)
  • 与行相同
  • 总高度应该可选地适合屏幕高度
  • 这些网格是用户生成的,所以它们不能像在线生成器那样被 CSS 硬编码。

这是我制作的一些图片:

用户定义网格示例 用户定义网格示例

合并单元格的相同示例 合并单元格的相同示例

相同的示例缩放 相同的示例缩放

我正在寻找一个插件/代码来实现这一点,因为我几乎可以肯定它不能在 CSS 中完成(据我所知,大多数浏览器中尚未实现网格布局)。我得到的最接近的是生成一个表格,但是调整单元格的大小最终变得完全混乱(为什么这张表格看起来不整洁?)。

4

1 回答 1

8

您可以通过使用http://masonry.desandro.com/http://www.wookmark.com/jquery-plugin之类的插件来接近它

对于响应式位,我建议阅读http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout。它谈到了砌体插件,但这些概念可以普遍应用。

于 2012-10-15T10:10:51.197 回答