與谷歌瀏覽器應用程序選項卡相似的佈局

-1

我想要使用多列反應式佈局，其中每列都有一個圖像，並在標題下方，如google chrome應用程序選項卡中所用。與谷歌瀏覽器應用程序選項卡相似的佈局

我該如何去做這件事？

2013-04-08 Janka

你究竟是什麼意思？你能給個例子嗎？ – 2013-04-08 10:01:45

@KeesSonnema我認爲他指的是這種佈局：https://chrome.google.com/webstore/category/home?utm_source=chrome-ntp-icon – 2013-04-08 10:30:16

不幸的是我仍然無法發送圖片。打開Chrome 進入應用程序選項卡（在這裏你可以看到鉻的應用程序：例如商店，GMail等）我想創建一個類似的網頁 – Janka 2013-04-08 12:42:09

也許你可以用縮略圖做到這一點。您可以使用表格網格佈局，使它們對齊。

在這裏演示。 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

希望它可以幫助你。我沒有其他辦法可以做到這一點。但是當我遇到更好的解決方案時，我會編輯這個答案。

來源

2013-04-08 13:29:46

謝謝，但我尋找像這樣的解決方案：http://jsfiddle.net/cxfFL/ 我想實現圖像縮放（自動調整大小） – Janka 2013-04-08 13:36:58

也許這有助於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

我應該可以解決我的問題。非常感謝。 – Janka 2013-04-08 14:23:51

與谷歌瀏覽器應用程序選項卡相似的佈局

回答

相關問題