【问题标题】:How to stagger photos in a grid?如何在网格中错开照片?
【发布时间】:2017-08-06 12:50:43
【问题描述】:

这是一个非常简单的问题,但我似乎无法正确编码。你如何创建一个像http://innisfree-template.blogspot.ca/ 一样的 6 图片照片网格?我不需要中间的文本块,只需要知道如何像这样错开照片。

【问题讨论】:

  • 您可以使用表格(非常不鼓励)或任何您想要的网格系统。为了获得最大的响应能力,您可以使用 Bootstrap 框架,或者如果您只想使用网格系统,则可以使用 960 Grid System

标签: html css blogger photo


【解决方案1】:

您可以尝试使用 flexbox 或 css 网格布局,而不是只为简单的网格使用笨重的框架。在简单的任务中尽量避免使用它们。

【讨论】:

    【解决方案2】:

    通常我使用像 Isotope 这样的 jquery 库来实现这种类型的网格。如果您将来更改它们,所有框都将使用 javascript 动态排列。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-09
      • 1970-01-01
      • 1970-01-01
      • 2014-06-19
      相关资源
      最近更新 更多