【发布时间】:2015-07-08 02:17:51
【问题描述】:
我想在这样的网页中实现一个类似“Iphone / Andriod”的主屏幕,其中包含各种应用程序:
(顺便说一下是ERPNext的首页)
有没有人可以借鉴的例子?我尝试使用卡片,但是当它们在一行中扩展到移动设备时,如果我在页面中有 30 个较小的应用程序图标,这对我不起作用。
【问题讨论】:
标签: javascript css html open-source
我想在这样的网页中实现一个类似“Iphone / Andriod”的主屏幕,其中包含各种应用程序:
(顺便说一下是ERPNext的首页)
有没有人可以借鉴的例子?我尝试使用卡片,但是当它们在一行中扩展到移动设备时,如果我在页面中有 30 个较小的应用程序图标,这对我不起作用。
【问题讨论】:
标签: javascript css html open-source
您将使用已设置为显示为 inline-block 的 div 集合,这是一个较旧的答案,其中包含一个 JSFiddle 模拟您想要实现的目标。
How to force inline-block elements to wrap?
剩下的只是美学和简单的 CSS。
编辑: 截至 2017 年,flexbox 是实现这一目标的标准方式。
【讨论】: