CSS中有許多常用的排版方式，其中之一就是ul縱向排列。這種方式常用于列表展示，使得列表項垂直排列，能夠更好地顯示內容。下面是一個簡單的實例：

.ul-vertical {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
}
.ul-vertical li {
padding: 10px;
border: 1px solid #ccc;
}

上面的代碼中，首先需要對ul設置display為flex，使得ul變成一個flex容器，然后將flex-direction設置為column，表示讓里面的子元素進行垂直排列。此外，還需要將list-style、padding和margin設置為0，去除默認的樣式。接著是對li的樣式設置，這里給li加上了padding和border，以便更好地顯示每個列表項。

使用上述樣式，我們可以將一個ul列表縱向排列：

<ul class="ul-vertical"><li>列表項1</li><li>列表項2</li><li>列表項3</li><li>列表項4</li><li>列表項5</li></ul>

效果如下：

• 列表項1
• 列表項2
• 列表項3
• 列表項4
• 列表項5

需要注意的是，使用ul縱向排列時，其父元素的高度會自適應，因此需要在父元素上設置合適的高度，否則可能會出現高度不足以顯示全部列表項的情況。