3

CSSを使用して水平グリッドレイアウトを作成します。(そして、JQueryとこのソリューションによって水平方向にスクロールするようにします。スクロールは私の問題ではないことに注意してください。私の問題はグリッドの作成に関するものです)

これは例です:

CSSグリッドについてインターネットで検索しましたが、役に立たないようです...

私の質問は、上の画像のようなものを作成する方法ですか?この目的のためにどのプラグインまたはcssプロパティを使用する必要がありますか?

編集:行数を固定したい(つまり、ページのサイズを変更しても行数は変更されないはずです。代わりにスクロールバーが必要です。)(div内で使用しますoverflow: auto

4

1 に答える 1

5

display:tabledisplay:table-rowdisplay:table-celldisplay:inline-block

これらの CSS プロパティが役に立ちます。ローカルの CSS 情報サイトで調べてください。

table-values を使用すると、実際にテーブルを使用しなくても、すべての要素がテーブルのように動作します。これは、問題の適切な解決策になる場合があります。

-valueは、ブロックが sと同じようにインラインinline-blockで表示されるため、一部のフローティング レイアウトで発生するオーバーハングの問題を解決します。もちろん、これは古いブラウザではほとんどサポートされていません。img

于 2012-07-17T17:51:26.893 に答える