前言 目前为止，我经常在开发中使用的布局方式有以下几种： Flex布局； 定位； 浮动（基本不怎么使用）； 最近在做一个项目的时候，使用到了网格布局，真的是方便了许多； 我学习Grtid布局是阅读的这

介绍 之前写过两篇文章，分别讲解了Flex布局和网格布局。然后有很多人反馈说。网格布局没有场景，学会Flex布局就可以了。 今天这篇文章就通过一个例子来讲解一下网格布局的优势。并不是说Flex布局无法

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下 这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，不方便放置，例如在这种