【问题标题】:Layout similar to google chrome application tab [closed]布局类似于 google chrome 应用程序选项卡 [关闭]
【发布时间】:2013-04-09 10:39:51
【问题描述】:

我想使用多列反应式布局,其中每列将有一个图像并在标题下方,就像在 google chrome 应用程序选项卡中使用的那样。

我该怎么做?

【问题讨论】:

  • 你到底是什么意思?可以举个例子吗?
  • @KeesSonnema 我认为他指的是这种布局:chrome.google.com/webstore/category/…
  • 不幸的是我仍然无法发送图片。打开 Chrome 进入应用程序选项卡(您可以在其中看到 chrome 的应用程序:例如 Store、GMail 等)我想创建一个类似的 html 页面
  • 啊,我明白了。现在我明白你的意思了。

标签: javascript jquery html css google-chrome


【解决方案1】:

也许您可以使用缩略图来做到这一点。 你可以使用表格网格布局,这样它们就可以很好地对齐。

这里有一个演示。 http://designshack.net/tutorialexamples/cssthumbnailgrid/

这里的教程:http://designshack.net/articles/css/creating-a-css-thumbnail-grid-with-dynamic-flyout-menu/

你可以只做一个网格布局,把图片放在那里,然后在上面放一个标题。

有关网格布局的更多信息:http://www.ehow.com/how_6317944_make-table-grid.html

希望对您有所帮助。我认为没有其他方法可以做到这一点。但是当我遇到更好的解决方案时,我会编辑这个答案。

【讨论】:

  • 谢谢,但我正在寻找这样的解决方案:jsfiddle.net/cxfFL 我想实现图像缩放(自动调整大小)
  • 我应该能够解决我的问题。非常感谢。
  • 如果我的回答有用的话。考虑接受它:)
  • 我不能投票,因为我的声望低于 15
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-04-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-12
相关资源
最近更新 更多