css facetwp即11格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css facetwp即11格相关的知识,希望对你有一定的参考价值。

.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;
    }
}

以上是关于css facetwp即11格的主要内容,如果未能解决你的问题,请参考以下文章

css facetwp listify css

css facetwp css类

css facetwp css类

css facetwp层次结构facet css样本

css facetwp删除可列表的css寻呼机自定义

php GeneratePress的facetwp模板css