CSS模擬Flex布局能夠提供更多的自由和靈活性，讓開發者可以實現更加多樣化的布局效果。下面就來簡單介紹一下如何使用 CSS 模擬 Flex 布局。

我們需要用到的是 display:table 和 display:table-cell 這兩個 CSS 屬性。首先，我們將包含所有子元素的父元素設置為 display:table；而所有子元素則設置 display:table-cell。

.wrapper {
display: table;
}
.child {
display: table-cell;
}

接下來，我們需要設置每個子元素的寬度，這樣才能讓它們能夠等寬排列在行內。我們可以使用 flex-basis 屬性來設置寬度，注意在這里我們使用的是百分比，而不是像素。

.child {
flex-basis: 25%;
}

如果你想設置每個子元素的最小寬度，那么可以使用 min-width 屬性來實現。

.child {
min-width: 200px;
}

最后，加上一些可選的樣式調整，例如對齊方式和間距等。比如，我們可以設置子元素與包含它們的父元素之間的間距為 10 像素。

.wrapper {
border-spacing: 10px;
}

這就是如何使用 CSS 模擬 Flex 布局的基本過程。通過這種方式，你可以實現各種各樣的布局效果，包括左右、上下對齊、自適應等等。