就是html5中,常用到display:flex。
这是一个方向,还有一个方向是grid。
【举个例子】目前是媒体查询写的
@media screen and (max-width: 856px) { ……}
@media screen and (max-width: 1300px) and (min-width: 856px) { ……}
@media screen and (min-width: 1300px) { ……}
// 但是用grid的话就可以
// 最小宽度260,放不下两个260,就放一个。
//能放下4.5个,则是4个一行,box宽度自由增加,能放下5个,则是5个一行
grid-template-columns: repeat(auto-fill, minmax(260px ,1fr));
gap: 30px; //间距