【问题标题】:App Grid like Iphone / Android for web application像 Iphone / Android 这样的 App Grid 用于 Web 应用程序
【发布时间】:2015-07-08 02:17:51
【问题描述】:

我想在这样的网页中实现一个类似“Iphone / Andriod”的主屏幕,其中包含各种应用程序:

(顺便说一下是ERPNext的首页)

有没有人可以借鉴的例子?我尝试使用卡片,但是当它们在一行中扩展到移动设备时,如果我在页面中有 30 个较小的应用程序图标,这对我不起作用。

【问题讨论】:

    标签: javascript css html open-source


    【解决方案1】:

    您将使用已设置为显示为 inline-block 的 div 集合,这是一个较旧的答案,其中包含一个 JSFiddle 模拟您想要实现的目标。

    How to force inline-block elements to wrap?

    剩下的只是美学和简单的 CSS。

    编辑: 截至 2017 年,flexbox 是实现这一目标的标准方式。

    【讨论】:

      猜你喜欢
      • 2013-12-29
      • 2017-08-27
      • 1970-01-01
      • 2014-05-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-17
      • 2016-03-27
      相关资源
      最近更新 更多