javascript - Google Chrome アプリケーション タブに似たレイアウト

Question

Google Chrome アプリケーション タブで使用されているように、各列に画像があり、タイトルの下にある複数列のリアクティブ レイアウトを使用したいと考えています。

どうすればこれを行うことができますか？

Answer 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

お役に立てば幸いです。他に方法はありません。しかし、より良い解決策に出くわしたら、この回答を編集します。