首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Microsoft-metro样式网格,动态构建。

Microsoft-metro样式网格,动态构建。
EN

Stack Overflow用户
提问于 2012-09-03 20:16:30
回答 1查看 633关注 0票数 0

我想做一些jQuery插件,可以填充一个3×3网格(就像微软-地铁风格)。应该是这样的:

  • 如果我有一个瓷砖,它应该采取整个网格(1-9)。
  • 如果我有两个瓷砖,它应该是一个瓷砖(1-6)和另一个瓷砖(7-9)。
  • 如果我有三个瓷砖,它应该是(1-2和4-5),(3和6),(7-9)
  • 如果我有5个瓷砖,它应该是(1-2),(3),(4-6),(7),(8-9)

诸若此类!

代码语言:javascript
运行
复制
-------------
| 1 | 2 | 3 |
-------------
| 4 | 5 | 6 |
-------------
| 7 | 8 | 9 |
-------------

是否可以根据瓷砖的数量(最多为9)动态填充我的网格。有什么计算方法吗?

EN

回答 1

Stack Overflow用户

发布于 2012-09-03 22:08:36

使用display: -ms-flex-ms-flex-Wrap: wrap。这将使您自动包装。你需要根据你想要的数字来调整你的物品的尺寸。

另一个选项是使用-ms-grid,并根据项配置列/行(和跨范围)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12253561

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档