grid 列宽 自动拖拉

对于网格布局中的列宽自动拖拉，您可以使用CSS中的`auto-fill`或`auto-fit`属性与`minmax`函数结合使用。这样可以实现自动调整列宽的效果。

例如，如果您希望将一个网格容器分为平均宽度的列，可以使用以下代码：

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

在上面的代码中，`repeat(auto-fill, minmax(200px, 1fr))`指定了列的规则。其中，`auto-fill`表示自动填充列，`minmax(200px, 1fr)`表示每列的最小宽度为200px，最大宽度为1fr（剩余空间的比例）。

这样，当容器宽度增加或减小时，网格容器会自动调整列的数量和宽度，以保持平均分布。您可以根据实际需求调整最小宽度和其他属性来实现您想要的效果。