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

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

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

值得注意的是，在使用PX單位時(shí)，我們需要謹(jǐn)慎使用。因?yàn)槿绻覀儗⑾袼刂苯佑簿幋a在代碼中，就可能導(dǎo)致在不同的屏幕尺寸和DPI下，顯示效果會(huì)出現(xiàn)差異。因此，我們可以使用em、rem、vh、vw等相對(duì)單位，來(lái)使我們的布局更靈活，同時(shí)確保顯示效果一致。