我正在对我创建的 Drupal 7 中的图像库进行主题化,用户通过该图像库上传多张图像,结果会在页面上看到图像列表。
我使用响应式图像和样式模块,因此图像没有固定大小。我想要的效果是这些图像排成一排并且始终居中,它们之间的间距/装订线宽度相等,无论浏览器调整大小。因此,添加媒体查询的最终结果将是一列页面,因此一个图像在另一个顶部,在 iPhone 视口中和三四列页面,图像并排放置在桌面屏幕上。
复杂的部分是 Drupal 有这么多的 div 一个内一个,我不确定我是否遵循正确的步骤来实现这种效果。虽然这可能很简单,但这些递归 div 会出现问题。
因此,如果有人可以指导我完成这些 div 并帮助我弄清楚如何实现这种对齐,我将不胜感激。每一个回复对我来说都很重要,所以不要犹豫,提出各种评论和解决方案。
先感谢您!