CSS流式布局是一種用于網頁設計的技術，可以讓用戶通過拖動和滾動頁面來查看不同的元素。通過使用流式布局，可以在同一頁面上創建多個水平排列的元素，而不需要將它們固定在一起。

在流式布局中，元素通常會被設置為`display: flex`，這樣它們就可以使用 Flexbox 布局技術來居中。通過將一個元素設置為`flex: column`，它就可以居中。另一個元素設置為`flex: row`，就可以在水平方向上垂直居中。還有一些其他的方法，例如將一個元素設置為`flex: 1`，就可以將其固定居中，而另一個元素設置為`flex: -1`，就可以在水平和垂直方向上水平居中。

需要注意的是，使用流式布局時，需要確保父元素設置為`display: flex`，才能支持居中效果。此外，如果有一些元素需要垂直居中，可以使用`flex: 1`來將它們固定居中，而其他元素使用`flex: -1`來在水平和垂直方向上水平居中。

通過使用 CSS 流式布局，可以輕松地創建具有水平排列和居中效果的網站，讓用戶能夠輕松地滾動頁面來查看不同的元素。