我希望根据具有以下要求的灵活网格布置仪表板:
- 总宽度是可变的,并且必须始终适合屏幕,即使在调整大小时
- 单元格可以合并
- 所有列都应具有相同的大小(例如,3 列)
- 与行相同
- 总高度应该可选地适合屏幕高度
- 这些网格是用户生成的,所以它们不能像在线生成器那样被 CSS 硬编码。
这是我制作的一些图片:
用户定义网格示例
合并单元格的相同示例
相同的示例缩放
我正在寻找一个插件/代码来实现这一点,因为我几乎可以肯定它不能在 CSS 中完成(据我所知,大多数浏览器中尚未实现网格布局)。我得到的最接近的是生成一个表格,但是调整单元格的大小最终变得完全混乱(为什么这张表格看起来不整洁?)。