css facetwp即11格

Posted 2021-05-13

.fwpl-layout {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-gap: 10px;
}
.fwpl-col {
    -ms-grid-column: 1;
}
.fwpl-result {
    -ms-grid-row: 1;
}
:nth-child(n+4).fwpl-result {
    -ms-grid-row: 2;
}
:nth-child(n+7).fwpl-result {
    -ms-grid-row: 3;
}
:nth-child(n+10).fwpl-result {
    -ms-grid-row: 4;
}
:nth-child(n+13).fwpl-result {
    -ms-grid-row: 5;
}
:nth-child(3n+1).fwpl-result {
    -ms-grid-column: 1;
}
:nth-child(3n+2).fwpl-result {
    -ms-grid-column: 2;
}
:nth-child(3n+3).fwpl-result {
    -ms-grid-column: 3;
}
@media (max-width: 480px) {
    .fwpl-layout {
        -ms-grid-columns: 1fr;
    }
}