CSS3中的Flex布局是一種強大的工具，可以幫助開發者更方便和靈活地布局網頁元素。使用Flex布局可以不用考慮元素的寬高，只需簡單地設置父元素的display屬性為flex，并設置一些相關的屬性即可實現靈活的布局。

display: flex;

在使用Flex布局時，需要注意的是它并不會自動將元素等分或者自動加上間距。因此，我們需要設置justify-content屬性來控制元素在主軸上的排列方式，設置align-items屬性來控制元素在側軸上的排列方式。

justify-content: center;
align-items: center;

此外，Flex布局還支持指定元素的排序方式，使用order屬性即可。設置order屬性值越小的元素會排在越前面。

order: 1;

最后，Flex布局還支持設置元素在主軸和側軸上的比例，使用flex屬性即可。flex屬性有三個值，分別是flex-grow，flex-shrink和flex-basis。其中，flex-grow表示元素的放大比例，flex-shrink表示元素的縮小比例，flex-basis表示元素占據的空間大小。

flex: 1 1 100px;

總的來說，Flex布局是一種很方便的布局方式，能夠幫助開發者更快速地實現各種復雜的布局需求，同時也有很好的瀏覽器兼容性。