如何错开网格中的照片?

问题描述:

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

+0

你可以使用表格(非常不鼓励)或任何你想要的网格系统。为了最大限度地提高响应速度,您可以使用** [Bootstrap](https://getbootstrap.com)**框架,或者如果您只想使用网格系统,则可以使用** [960网格系统](https:// 960.gs/)**。 –

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

通常我使用像Isotope这样的jquery库来实现这种类型的网格。如果你将来改变它们,所有的盒子都会使用JavaScript进行激烈的讨论。