平鋪折疊css是一種常見的網頁開發技巧，可以讓網頁呈現出更加漂亮和整齊的效果。

平鋪即是指將一個網頁上的多個元素平均分布，以使得它們之間的距離和大小盡可能地相等。在CSS中，我們可以使用display: flex;和flex-wrap: wrap;屬性來實現這一目標。例如：

.container {
display: flex;
flex-wrap: wrap;
}
.item {
width: 200px;
height: 200px;
margin-right: 20px;
margin-bottom: 20px;
}

以上代碼將一個包含多個.item的.container容器組件按照每行三個元素的方式進行平鋪，其中每個.item的寬度為200px，高度為200px，每個.item之間的右側距離為20px，下側距離為20px。

折疊即是指將一系列元素按照某種規則收縮，以使得它們的空間占用更小，從而在布局和視覺效果上更加美觀。在CSS中，我們可以使用display: none;和opacity: 0;屬性來實現這一目標。例如：

.item.hidden {
display: none;
opacity: 0;
transition: all 0.5s ease-in-out;
}

以上代碼將一個.item元素設置為隱藏狀態，同時設置其透明度為0，過渡時間為0.5秒，緩動方式為ease-in-out。

總的來說，平鋪折疊css是前端開發中必備的技術，可以讓我們的網頁更加美觀和整潔。