CSS是一種非常重要的前端技術，可以幫助我們美化網頁，使之更加美觀和易讀。而要達到這個目標，其中一個很常見的需要就是讓li縱向排列。下面我們就來看一下如何實現。

ul {
display: flex;
flex-direction: column;
/*或者*/
/*flex-flow: column wrap;*/
}

上述代碼中，我們使用了flex布局，將ul元素的flex-direction屬性設置為column，即可實現縱向排列。如果還想設置每一個li之間的間距，可以通過設置ul元素的padding屬性來實現。

當然，除了使用flex布局，我們也可以使用inline-block元素的方式來實現縱向排列：

ul li {
display: inline-block;
}

這樣，我們就可以使用CSS輕松地實現li縱向排列了。