私が作成した Drupal 7 の画像ギャラリーのテーマに取り組んでいます。これにより、ユーザーはいくつかの画像をアップロードし、その結果、ページに画像のリストが表示されます。
Responsive Images and Styles モジュールを使用しているため、画像のサイズは固定されていません。私が望む効果は、ブラウザのサイズ変更に関係なく、これらの画像が一列に整列し、常に中央に配置され、それらの間のスペース/ガター幅が等しいことです。したがって、メディア クエリを追加すると、最終結果は 1 列のページになり、iPhone のビューポートと 3 ～ 4 列のページで 1 つの画像が別の画像の上に表示され、デスクトップ画面では画像が横に並んで表示されます。
複雑な部分は、Drupal には非常に多くの div があり、この効果を得るために正しい手順に従っているかどうかわかりません。単純かもしれませんが、これらの再帰的な div で問題が発生しました。
したがって、誰かがこれらの div をガイドして、このアラインメントを達成する方法を理解するのを手伝ってくれれば、本当に感謝しています。すべての返信は私にとって重要なので、あらゆる種類のコメントや解決策を思いつくことを躊躇しないでください.
前もって感謝します！