0

我正在对我创建的 Drupal 7 中的图像库进行主题化，用户通过该图像库上传多张图像，结果会在页面上看到图像列表。

我使用响应式图像和样式模块，因此图像没有固定大小。我想要的效果是这些图像排成一排并且始终居中，它们之间的间距/装订线宽度相等，无论浏览器调整大小。因此，添加媒体查询的最终结果将是一列页面，因此一个图像在另一个顶部，在 iPhone 视口中和三四列页面，图像并排放置在桌面屏幕上。

复杂的部分是 Drupal 有这么多的 div 一个内一个，我不确定我是否遵循正确的步骤来实现这种效果。虽然这可能很简单，但这些递归 div 会出现问题。

因此，如果有人可以指导我完成这些 div 并帮助我弄清楚如何实现这种对齐，我将不胜感激。每一个回复对我来说都很重要，所以不要犹豫，提出各种评论和解决方案。

先感谢您！

4

1 回答 1

0

我个人不了解 Drupal，但正如我在 joomla 和 wordpress 中所经历的那样，最好的方法是为每个设备设置一个响应式布局，或者简单地使用一个框架来为你完成它。然后对于水平布局，直接进入页面结构中的图像，并为所有图像提供相同的高度和左边距或右边距。然后检查没有任何破坏性宽度和高度的 img 父母。对于垂直布局，只需对宽度执行此操作，并为它们提供边距底部以产生间隙。
看起来很简单

于 2013-01-08T20:59:11.563 回答