CSS是用于設(shè)置網(wǎng)頁樣式的一門編程語言。在CSS中，我們可以使用垂直方向(水平和垂直方向)來控制頁面的布局和導(dǎo)航。通過設(shè)置垂直方向，我們可以使頁面的布局更加垂直，從而使頁面看起來更加美觀和清晰。
下面是一個使用CSS設(shè)置垂直方向為主軸的簡單示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>設(shè)置垂直方向為主軸</title>
<style>
/* 設(shè)置垂直方向為主軸 */
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
</style>
</head>
<body>
<h1>垂直方向為主軸的示例</h1>
<p>在這個示例中，我們使用`flex-direction`屬性來設(shè)置頁面的垂直方向，并通過`align-items`和`justify-content`屬性來使頁面布局居中。</p>
</body>
</html>
在上面的示例中，我們使用`display: flex`屬性來將頁面轉(zhuǎn)換為一個 Flexbox 容器。然后，我們使用`flex-direction`屬性來設(shè)置垂直方向，并使用`align-items`和`justify-content`屬性來使頁面布局居中。
需要注意的是，`flex-direction`屬性可以設(shè)置多個方向，例如`row`、`column`、`row-reverse`和`column-reverse`，具體選擇哪個方向取決于容器的默認(rèn)布局。另外，`align-items`和`justify-content`屬性也可以分別設(shè)置水平方向的對齊方式。