CSS是現代網頁設計中不可或缺的一項技術，能夠實現網頁中的各種效果。在設計網頁時，垂直方向的排列也是很重要的一種布局。下面介紹CSS如何實現豎著排列。

.container {
display: flex;
flex-direction: column;
}

我們可以設置元素的父容器的display屬性為flex，利用flex布局來實現豎向排列。同時，還需要設置父容器的flex-direction屬性為column，這樣子元素就會在豎直方向上排列。

此外，我們還可以為每個子元素設置樣式來調整它們的排列方式，比如讓它們在父容器中垂直居中。

.child {
display: flex;
align-items: center;
}

這里，在每個子元素上設置其display屬性為flex，利用align-items屬性來使它們在豎直方向上居中。

實現豎著排列的網頁設計可以增加網頁的美觀度和可讀性。通過CSS靈活運用，我們可以快速實現各種優秀的網頁設計。希望大家可以利用CSS技術，優化自己的網頁。