CSS Flex布局中的垂直居中技巧

CSS Flex布局是一種強大的CSS布局工具，它可以輕松實現(xiàn)元素的垂直居中，在Flex布局中，可以使用align-items屬性來實現(xiàn)元素的垂直居中，align-items屬性定義了元素在交叉軸（即垂直于主軸的軸）上的對齊方式。

要將元素垂直居中，可以將align-items屬性設置為center，如果要將一個元素在垂直方向上居中顯示，可以將其父容器的display屬性設置為flex，并將align-items屬性設置為center。

除了align-items屬性外，還可以使用justify-content屬性來實現(xiàn)元素的水平居中，justify-content屬性定義了元素在主軸上的對齊方式，要將元素水平居中，可以將justify-content屬性設置為center。

需要注意的是，在使用Flex布局時，元素的寬度和高度不會自動調整以適應容器的大小，在需要調整元素大小以適應容器大小的情況下，可能需要手動設置元素的寬度和高度。

CSS Flex布局是一種強大的布局工具，可以實現(xiàn)元素的垂直和水平居中，在使用時，需要注意設置元素的寬度和高度以適應容器的大小。