豎向排列是指將一組元素垂直地排列在一起。在網頁設計中，我們經常需要把一組按鈕、圖標或文本垂直排列，為此我們可以使用 CSS 中的一些屬性來實現。

下面是一些可以實現豎向排列的 CSS 屬性：

display: flex;      /* 設置彈性布局 */
flex-direction: column;   /* 將主軸設置為豎直方向 */
align-items: center;   /* 在交叉軸上居中 */
justify-content: center;   /* 在主軸上居中 */

以上 CSS 屬性中，display: flex; 是最重要的。這個屬性可以將元素以彈性布局排列，而其他三個屬性則可以控制不同方向上的排列方式。比如，flex-direction: column; 可以將子元素沿 y 軸方向排列，align-items: center; 可以使子元素在 x 軸方向上居中，而 justify-content: center; 可以使子元素在 y 軸方向上居中。

除了以上 CSS 屬性，我們還可以使用 margin 和 padding 屬性來實現豎向排列。為了讓元素垂直方向對齊，我們可以設置 margin 或 padding，例如：

button {
margin-bottom: 20px;   /* 設置子元素之間的間距 */
padding: 10px;      /* 設置子元素內部的間距 */
}

以上代碼中，我們使用了 margin-bottom 屬性來設置子元素之間的間距，并使用 padding 屬性來設置子元素內部的間距。

總之，豎向排列是一種常用的網頁設計技巧，它可以讓一組元素更加整齊。我們可以使用 flexbox 或 margin、padding 屬性等 CSS 技巧來實現它。