wang_book的博客

常见的行内元素有<span> 和 <a> 等。grid: 将元素设置为网格容器（grid container），允许子元素（grid items）在一个二维的网格中排列。flex: 将元素设置为弹性容器（flex container），允许子元素（flex items）根据可用空间自动调整。space-around: 在子元素周围平均分配空间，子元素之间的空间相等，且与容器边缘之间的空间也相等。inline-block: 将元素设置为行内块级元素，元素既可以和其他行内元素并排显示，也可以设置宽高。

auto-file 代表自适应 minmax(最小值，最大值)最后一行不够4个的时候 最下面一行无法对齐。写固定格式 前面是分几份 后面是每份的大小。因为不齐 还是使用自动填充 1fr比较好。改成2fr 相当于占两份。