2013-04-08 97 views
-1

我想要使用多列反应式布局,其中每列都有一个图像,并在标题下方,如google chrome应用程序选项卡中所用。与谷歌浏览器应用程序选项卡相似的布局

我该如何去做这件事?

+0

你究竟是什么意思?你能给个例子吗? – 2013-04-08 10:01:45

+0

@KeesSonnema我认为他指的是这种布局:https://chrome.google.com/webstore/category/home?utm_source=chrome-ntp-icon – 2013-04-08 10:30:16

+0

不幸的是我仍然无法发送图片。 打开Chrome 进入应用程序选项卡(在这里你可以看到铬的应用程序:例如商店,GMail等)我想创建一个类似的网页 – Janka 2013-04-08 12:42:09

回答

0

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

在这里演示。 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

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

+0

谢谢,但我寻找像这样的解决方案:http://jsfiddle.net/cxfFL/ 我想实现图像缩放(自动调整大小) – Janka 2013-04-08 13:36:58

+0

也许这有助于http://www.demacmedia.com/design -user-experience/mini-tutorial-%E2%80%93-responsive-image-grid-using-only-css-cross-browser-compatible/ – 2013-04-08 14:09:16

+0

我应该可以解决我的问题。 非常感谢。 – Janka 2013-04-08 14:23:51

相关问题