CSS是一種用于描述網(wǎng)頁樣式的語言，它可以幫助我們實(shí)現(xiàn)各種網(wǎng)頁布局和樣式效果，讓一個(gè)目錄豎著排是CSS中常見的需求之一，如何實(shí)現(xiàn)呢？

我們需要了解CSS中的列布局（Column Layout）概念，列布局可以將元素按照列進(jìn)行排列，從而實(shí)現(xiàn)目錄的豎排效果，在CSS中，我們可以使用`column-count`屬性來指定元素的列數(shù)，使用`column-gap`屬性來設(shè)置列之間的間隔，使用`column-width`屬性來設(shè)置列的寬度。

下面是一個(gè)簡單的示例代碼，演示了如何使用CSS實(shí)現(xiàn)目錄的豎排效果：

```html

```

在上面的示例中，我們定義了一個(gè)名為`directory`的類，用于指定目錄的樣式，`column-count`屬性指定了目錄為3列，`column-gap`屬性設(shè)置了列之間的間隔為20像素，`column-width`屬性設(shè)置了列的寬度為100像素，我們定義了一個(gè)名為`item`的類，用于指定每個(gè)目錄項(xiàng)（標(biāo)題）的樣式，`break-inside: avoid;`屬性避免了在標(biāo)題中分頁的問題，我們創(chuàng)建了一個(gè)包含多個(gè)標(biāo)題的`div`元素，并應(yīng)用了`directory`和`item`兩個(gè)類。

通過上面的示例代碼，我們可以實(shí)現(xiàn)一個(gè)豎排的目錄效果，具體的樣式和布局可能需要根據(jù)實(shí)際需求進(jìn)行調(diào)整，CSS中的列布局功能為我們提供了一個(gè)很好的起點(diǎn)，幫助我們快速實(shí)現(xiàn)目錄的豎排效果。