CSS彈性布局是CSS3的新功能，可以讓我們更加方便、高效地設計網頁布局。其中一個常用的功能就是彈性內容垂直排列。
要實現彈性內容垂直排列，我們需要使用CSS的flexbox布局，需要設置每個元素的display為flex。

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

上述代碼中，“.container”是我們的容器元素，flex-direction屬性可以設置排列方向，這里設置為column意味著向下排列（默認值是row，即橫向排列）。

接下來，我們需要為每個元素設置垂直對齊方式。常用的方式有三種：flex-start、center和flex-end，分別表示頂部對齊、居中對齊和底部對齊。

.item {
align-self: flex-start;
}

上述代碼中，“.item”是我們的子元素，align-self屬性可以設置子元素的對齊方式，這里設置為flex-start即為頂部對齊。

另外，我們還可以使用justify-content屬性來設置水平對齊方式，包括flex-start、center和flex-end等。

.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

上述代碼中，我們將容器元素設置為flex并設置了flex-direction屬性為column，還使用了justify-content屬性和align-items屬性，分別設置了水平和垂直對齊方式為center，實現了垂直居中對齊的效果。

總的來說，CSS彈性布局可以幫助我們輕松實現彈性內容的垂直排列，讓網頁更加美觀、易讀、易用。現在開始使用flexbox布局吧！