1.什么是垂直方向的布局？

垂直方向的布局指的是在頁(yè)面中將元素沿著垂直方向排列的方式。在HTML中，我們通常使用CSS來(lái)設(shè)置垂直方向的布局。

2.如何使用CSS設(shè)置垂直方向的布局？

我們可以使用以下CSS屬性來(lái)設(shè)置垂直方向的布局：

（1）display: flex;

這個(gè)屬性可以將元素設(shè)置為彈性盒子，從而實(shí)現(xiàn)靈活的布局。在彈性盒子中，我們可以使用以下屬性來(lái)設(shè)置元素在垂直方向上的布局：

tentter;

這個(gè)屬性可以將元素在垂直方向上居中對(duì)齊。

ster;

這個(gè)屬性可以將彈性盒子中的元素在垂直方向上居中對(duì)齊。

這個(gè)屬性可以將單個(gè)元素在垂直方向上居中對(duì)齊。

3.實(shí)例演示

以下是一個(gè)使用CSS設(shè)置垂直方向布局的實(shí)例：

HTML代碼：

```tainer">1<2<3<4<

CSS代碼：

```tainer {

display: flex;tentter;ster;

height: 300px;

.box {

width: 50px;

height: 50px;d-color: #ccc;argin: 10px;ter;e-height: 50px;

ageetg)

通過(guò)上述實(shí)例，我們可以看到使用CSS設(shè)置垂直方向的布局非常簡(jiǎn)單，只需要使用一些基本的CSS屬性就可以實(shí)現(xiàn)。掌握這些技巧，可以讓我們更加靈活地布局頁(yè)面。