CSS 中的垂直布局是指如何將內(nèi)容在垂直方向上對齊和定位。如果你想在 CSS 中實現(xiàn)垂直布局，我們有以下幾種方法。 1. 使用 display 和 vertical-align 屬性 我們可以將元素設(shè)置為行內(nèi)塊元素或表格單元格，并使用 vertical-align 屬性將它們垂直對齊。例如： ```html

垂直居中文本

``` 在上面的例子中，我們將段落設(shè)置為行內(nèi)塊元素，使用 vertical-align 屬性將其在垂直居中對齊，并使用 line-height 和 height 將其垂直位置固定在父級的中間。 2. 使用 flexbox 布局 Flexbox 是一個強大的布局方法，它可以更輕松地為元素設(shè)置垂直布局。我們可以使用 align-items 和 justify-content 屬性輕松將元素沿垂直方向?qū)R。例如： ```html``` 在上面的代碼中，我們通過將容器設(shè)置為 display: flex，并使用 align-items 和 justify-content 屬性將元素在垂直方向上居中對齊。 3. 使用 grid 布局 另一種強大的布局方法是 grid。我們可以使用 grid-template-rows 屬性將行高設(shè)置為與容器高度相同，并使用 align-items 屬性將元素垂直居中。例如： ```html``` 在上面的代碼中，我們使用 grid-template-rows 將行高設(shè)置為相同，并使用 align-items 和 justify-items 將元素垂直居中和在水平方向上居中。 總結(jié) 這些都是可以用來實現(xiàn) CSS 中垂直布局的技巧。雖然每種方法都有其用處與限制，但它們都可以作為開發(fā)者工具箱中的一個有用的選擇。