CSS3是一種用于制作網(wǎng)頁(yè)樣式的技術(shù)。它可以輕松實(shí)現(xiàn)各種復(fù)雜的布局和排版需求。其中，縱向排列是一個(gè)十分常見(jiàn)的需求，通常用于制作導(dǎo)航欄或垂直菜單。

在CSS3中，實(shí)現(xiàn)縱向排列可以使用display屬性的值為flex的Flexbox布局。Flexbox可以讓容器中的項(xiàng)目自動(dòng)調(diào)整大小和位置來(lái)填充可用空間。下面是一個(gè)使用Flexbox實(shí)現(xiàn)縱向排列的示例：

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

上述代碼創(chuàng)建了一個(gè)名為.nav的容器，并將其display屬性設(shè)置為flex。同時(shí)，將其flex-direction屬性設(shè)置為column，表示子項(xiàng)目沿容器的垂直方向（從上到下）排列。

除了使用Flexbox進(jìn)行縱向排列外，也可以使用傳統(tǒng)的CSS布局技術(shù)，如float、position和margin等屬性。以下是一份使用float屬性實(shí)現(xiàn)縱向排列的示例代碼：

.nav li {
float: left
clear: both;
}

上述代碼將.nav容器中的li項(xiàng)目使用float屬性向左浮動(dòng)，并使用clear:both強(qiáng)制下一個(gè)li元素在新的一行開(kāi)始排列。通過(guò)在子項(xiàng)目中設(shè)置float為left或right，可以實(shí)現(xiàn)一種簡(jiǎn)單但有效的縱向排列效果。

總體而言，在CSS3中實(shí)現(xiàn)縱向排列有多種方法，每種方法都有其優(yōu)缺點(diǎn)，選擇合適的方法可以讓網(wǎng)頁(yè)的布局更加穩(wěn)定和漂亮。