CSS Flex布局是Web開發中最常用的布局方式之一。在Flex布局中，我們通常使用像素（px）作為單位來定義瀏覽器窗口中元素的尺寸和間隔。

.container {
display: flex;
justify-content: center;
align-items: center;
height: 400px;
}
.item {
width: 200px;
height: 200px;
margin: 20px;
}

在上述代碼中，我們創建了一個Flex容器，并將其子元素（.item）設置為200像素的寬度和高度，并設置20像素的外邊距。此時，我們的Flex容器將會水平居中對齊，并在垂直方向上居中對齊，其高度將被設置為400像素。

值得注意的是，在使用PX單位時，我們需要謹慎使用。因為如果我們將像素直接硬編碼在代碼中，就可能導致在不同的屏幕尺寸和DPI下，顯示效果會出現差異。因此，我們可以使用em、rem、vh、vw等相對單位，來使我們的布局更靈活，同時確保顯示效果一致。